- 博客(57)
- 收藏
- 关注
RSS订阅原创 前端生态知多少？
不知道不觉自己在前端开发这个行业，摸爬滚打已经六个年头了，总觉得学了很多东西，但是又感觉自己很多东西没有学的很精，因为一些知识点只要追本溯源的去看待，你就会发现它也是一个无底洞，需要我们耗费大量的精力去挖掘、去学习。所以大部分的我们只做到如何应用即可，就可以完成公司交给我们的大部分工作任务了。前端入门简单，但是它涉及的知识面多而杂，刚入行的那一年(2014年)，我们不但要会前端开发的代码，同时我们也要会点切图的功底，所以多多少少你得会点ps的本领，例如在源文件上修改、删除、添加一些字体啊，背景换个颜色啊
2020-09-26 18:17:20
1239
原创 手把手教你通过vue-cli搭建手机端框架
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Qas8iB2j-1600968157093)(https://img.hacpai.com/bing/20200613.jpg?imageView2/1/w/960/h/540/interlace/1/q/100)]前言：欢迎前端的小伙伴们前来围观、学习借鉴，如果你是后端、测试和其他的小伙伴也没关系，如果自己也想玩一下前端，想搭建一个前端的框架，那么不妨静下心来看看这篇文章。如果你不是从事开发工作的人员，内容可能相对而言比较枯
2020-09-25 01:24:25
1938
原创 关于seo的那些事！
什么是 SEO？字面意思就是：搜索引擎优化通俗意思就是：利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名。目的是：让其在行业内占据领先地位，获得品牌收益。很大程度上是网站经营者的一种商业行为，将自己或自己公司的排名前移。举个例子：就是做了一个网站，我打开百度搜索、goolge 搜索、bing 索索、360 搜索等等搜索引擎，输入关键词或者关键字，第一页能查找我们的网站，提高我们网站在搜索中的排名位置。如何做，来提高我们网站的排名呢？1.编写网页的时候，要用标准的 HTML 标签，
2020-09-23 14:35:44
266
原创 实现密码框、文本框不能复制、粘贴、剪切和右键
实现密码框、文本框不能复制、粘贴、剪切和右键<input name="pwd" type="password" id="pwd" oncopy="return false" onpaste="return false" oncut="return false" oncontextmenu="return false" />注释：onpaste：粘贴oncontextmenu：右键oncop
2016-06-21 14:05:23
5521
1
原创 input disable属性下面 更改文本框或者按钮的颜色（对IOS兼容处理）
input disable属性下面 更改文本框或者按钮的颜色input:disabled, input[disabled]{ color: red; -webkit-text-fill-color:red; -webkit-opacity:1; opacity: 1; }
2016-04-28 17:00:37
3896
1
原创 jQuery显示圆形统计插件circliful
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>jQuery显示圆形统计插件circliful</title> <link href="jquery.circliful.css" rel="stylesheet" type="text/css" /> <script src="
2016-03-22 10:07:52
1611
转载 Git SSH Key 生成步骤
**Git SSH Key 生成步骤**Git是分布式的代码管理工具，远程的代码管理是基于SSH的，所以要使用远程的Git则需要SSH的配置。github的SSH配置如下：一 、设置Git的user name和email：$ git config --global user.name "xuhaiyan"$ git config --global user.email "haiyan.x
2016-02-29 10:10:39
358
转载 常用 Git 命令清单
我每天使用 Git ，但是很多命令记不住。一般来说，日常使用只要记住下图6个命令，就可以了。但是熟练使用，恐怕要记住60～100个命令。下面是我整理的常用 Git 命令清单。几个专用名词的译名如下。Workspace：工作区Index / Stage：暂存区Repository：仓
2016-02-24 13:20:45
324
原创 jquery animate实现动态进度条
jquery animate实现动态进度条<!DOCTYPE html><html> <head> <title>临时停车</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="description" conten
2016-02-17 17:10:24
4584
转载 js 验证码 倒计时60秒
**js 验证码 倒计时60秒**<input type="button" id="btn" value="免费获取验证码" /> <script type="text/javascript"> var wait=60; function time(o) { if (wait == 0) { o.removeAttribute("disa
2016-02-01 12:02:19
351
原创 css3 学习小结
**css3 学习小结**1.CSS3 边框 border-radius border-radius:5px;-webkit-border-radius:5px; box-shadow box-shadow:3px 3px 3px #ccc; border-image 其中有两个参数 一个是round案例如下：
2016-01-27 09:58:49
334
原创 手机端样式初始化css
**手机端样式初始化css**/* Created on : 2016-1-20 Author : Sunny*/@charset "utf-8";/*reset start*/html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,
2016-01-22 10:56:30
4141
原创 点击两张图片切换
**点击两张图片切换**<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>点击两张图片切换</title></head><body> <img src="close.png" height="31" width="31" id="swithimg"> <script typ
2016-01-16 17:42:06
1264
原创 手机幻灯片
**手机幻灯片**html:<!doctype html><html><head><meta charset="utf-8"><title>jquery手机端触屏滑动幻灯片代码演示_大头网</title><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-sca
2016-01-16 16:00:28
492
原创 三款简单的JS返回页面顶部代码
三款简单的JS返回页面顶部代码本文介绍三款简单的返回页面顶部代码，可以使用简单的HTML锚标记，也可使用Javascript Scroll函数动态返回，其它的还有悬浮脚本等有点复杂了，本文不再介绍，大家根据自己需要选择其中的一种即可，总之简约最美的，能减少代码就减少代码，能不调用的就别调用，要不是天缘博客的文章都是牛长也不会添加这个功能。 一、使用锚标记返回页面顶部使用HTML锚标记最简单，就是
2016-01-16 10:04:35
2016
原创 鼠标画上去图片旋转360度
**鼠标画上去图片旋转360度**<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>鼠标画上去图片旋转360度</title> <script type="text/javascript" src="jquery.js"></script> <style type="text/
2016-01-12 16:39:18
2143
原创 鼠标放上去图片放大
鼠标放上去图片放大<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="jquery.js"></script> <style type="text/css"> bod
2016-01-12 16:15:12
3506
原创 三等分
display: -webkit-box和-webkit-box-flex: 1的结合使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <meta name="viewport" content="width=device-width,initia
2016-01-12 11:05:41
512
原创 工作经验良言
1每天写工作日志的习惯日志绝对是提升能力的秘密武器，在日志中把当日一些重要的动作、重要数据变化、重要用户反馈、重要行业事件记下来。有些动作对于用户的影响是长期的，有些用户行为的变化也有可能是你不经意的一个改变带来的，有了日志，可以方便自己每过一段时间横向对比和观察。你还能从日志中，回看到自己点滴的成长和进步！这绝对是你做工作的留下的最有价值的纪念了注意，
2015-12-25 16:15:58
412
原创 html5 datalist标签的用法
html5 datalist标签的用法datalist介绍： datalist一般不会独行江湖，它需要与input标签的搭配使用，就像label标签与input标签搭配使用一样。既然与input标签搭配使用，那么这两个标签之间必定存在着“特殊的关系”，不然input与datalist就互不相认了，那么如何才能让他们建立起来这种关系呢？这个时候我们需要一个新的属性list（注意，不是for），lis
2015-12-21 18:01:40
3502
原创 js实现鼠标滑入滑出背景透明度改变
js实现鼠标滑入滑出背景透明度改变<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>分享</title></head><style type="text/css"> body{padding:0;margin:0;} #n_content{width:200px;heigh
2015-12-20 23:36:32
2965
原创 分享代码格式的js书写
分享代码格式的js书写<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>分享</title></head><style type="text/css"> body{padding:0;margin:0;} #n_content{width:200px;background:
2015-12-20 18:07:14
1062
转载 样式化复选框(Styling Checkbox)
样式化复选框(Styling Checkbox)复选框 Checkbox 是 Web 应用常用控件，随处可见，原生的复选框控件一般就像下面这样： 选中状态 未选状态这取决于操作系统和浏览器，有些时候，这种样子并不能满足设计要求，这时需要更为精致的复选框样式。以往只有少数浏览器才支持对这类控件应用样式，比如拿到这样一张设计图：
jquery-mobile(二)弹出层dialog 知识点： 1.弹出第二个页面 2.<!DOCTYPE html><html><head><link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css"><script src="
2015-12-18 23:27:15
266
原创 jquery-mobile(一)
**jquery-mobile(一)**<!DOCTYPE html><html><head><link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css"><script src="http://code.jquery.com/jquery-1.8.3.min.js
2015-12-18 23:15:28
239
转载 快捷键让SublimeText在编文件快速在浏览器打开
这里插入一下安装”view in browser”官方版的说明：（前提是得先安装package control插件）1、通过”ctrl+shift+p”打开命令面板2、输入”install package”打开安装插件面板3、输入”view in browser”后通过鼠标左键单击或者回车键进行安装4、察看SublimeText左下角状态栏了解是否安装成功最后，就说下小觉现在所使用的方法：1、在Su
2015-12-16 20:00:58
347
原创 本地获取PHP程序中二级目录
'TMPL_PARSE_STRING' => array( '__PUBLIC__' => '/baidu_yihua/Public/', ),
2015-12-16 14:58:09
1319
转载 jshint相关的配置
jshint相关的配置SublimeText插件推荐：JS错误检查工具 - JSHint与JSHint Gutter NOV 28TH, 2014 9:46 AM 引言我喜欢使用SublimeText（以下将简称为Sublime）来写JavaScript，但有时候代码量一多，难免会犯些小错误，比如变量名写错，多了一个括号等等；而Sublime是编辑器，本身没有代码检查功能，只有当JS代码在浏览
2015-12-16 13:50:22
6816
原创 银行卡号矫正
**银行卡号矫正**Luhm.js//Description: 银行卡号Luhm校验//Luhm校验规则：16位银行卡号（19位通用）:// 1.将未带校验位的 15（或18）位卡号从右依次编号 1 到 15（18），位于奇数位号上的数字乘以 2。// 2.将奇位乘积的个十位全部相加，再加上所有偶数位上的数字。// 3.将加法和加上校验位能被 10 整除。//方法步骤很清晰，易理解，需要在
2015-12-16 13:34:24
681
原创 银行卡四位一空格代码
**银行卡四位一空格代码**<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>充值兑换</title> <meta name="viewport" content="user-scalable=no,initial-scale=1.0,maximum-scale=1.0,width=d
2015-12-16 13:01:29
1947
原创 jquery省市区下拉显示
**jquery省市区下拉显示**<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>省市区</title> <script type="text/javascript" src="jquery-1.9.1.js"></script> <script type="text/jav
2015-12-05 11:58:35
812
原创 点击自己内容显示和隐藏
**点击自己内容显示和隐藏**<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>点击自己内容显示和隐藏</title> <link rel="stylesheet" type="text/css" href="../reset.css"> <script type="text/
2015-11-26 23:48:03
1864
原创 书写工作方案的格式
一、题目要醒目易懂二、工作方案提纲列出来（重要）三、条目内容要有清晰的标识四、这个文档要美观大方五、每个条目空格要保持好等距六、落款要住上自己的大名七、文档要命名好名字
2015-11-24 20:57:48
319
原创 jQuery弹出层插件大全
1.thickbox 下载地址：http://jquery.com/demo/thickbox/#examples2.colorBox 官方网站：http://plugins.jquery.com/colorbox/ 3.FancyBox 官方网站：http://www.fancybox.net/ 4.jQueryUI Dialog 官方网站
2015-11-23 11:43:25
303
原创 文本框禁止复制黏贴
**文本框禁止复制黏贴**<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>返回顶部</title> <style type="text/css"> #content{width: 500px;margin: 30px auto;height: 3000px;}
2015-11-16 20:07:28
404
原创 jquery返回顶部
**jquery返回顶部**<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>返回顶部</title> <script type="text/javascript" src="jquery-1.9.1.js"></script> <style type="text/css">
2015-11-16 19:28:16
395
原创 jquery-ui-datepicker插件的使用
**jquery-ui-datepicker插件的使用**<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jquery ui datepicker</title> <script type="text/javascript" src="js/jquery-1.9.1.js"></sc
2015-11-16 17:29:36
370
原创 使用jQuery的validation插件来完成表单的验证
**使用jQuery的validation插件来完成表单的验证**<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>validation 练习</title> <link rel="stylesheet" type="text/css" href="../reset.css">
2015-11-15 12:51:56
802
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人