- 博客(57)
- 收藏
- 关注
原创 前端生态知多少?
不知道不觉自己在前端开发这个行业,摸爬滚打已经六个年头了,总觉得学了很多东西,但是又感觉自己很多东西没有学的很精,因为一些知识点只要追本溯源的去看待,你就会发现它也是一个无底洞,需要我们耗费大量的精力去挖掘、去学习。所以大部分的我们只做到如何应用即可,就可以完成公司交给我们的大部分工作任务了。前端入门简单,但是它涉及的知识面多而杂,刚入行的那一年(2014年),我们不但要会前端开发的代码,同时我们也要会点切图的功底,所以多多少少你得会点ps的本领,例如在源文件上修改、删除、添加一些字体啊,背景换个颜色啊
2020-09-26 18:17:20
1264
原创 手把手教你通过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
2030
原创 关于seo的那些事!
什么是 SEO?字面意思就是:搜索引擎优化通俗意思就是:利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名。目的是:让其在行业内占据领先地位,获得品牌收益。很大程度上是网站经营者的一种商业行为,将自己或自己公司的排名前移。举个例子:就是做了一个网站,我打开百度搜索、goolge 搜索、bing 索索、360 搜索等等搜索引擎,输入关键词或者关键字,第一页能查找我们的网站,提高我们网站在搜索中的排名位置。如何做,来提高我们网站的排名呢?1.编写网页的时候,要用标准的 HTML 标签,
2020-09-23 14:35:44
277
原创 实现密码框、文本框不能复制、粘贴、剪切和右键
实现密码框、文本框不能复制、粘贴、剪切和右键<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
5558
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
3910
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
1625
转载 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
369
转载 常用 Git 命令清单
我每天使用 Git ,但是很多命令记不住。一般来说,日常使用只要记住下图6个命令,就可以了。但是熟练使用,恐怕要记住60~100个命令。![这里写图片描述](http://img.blog.csdn.net/20160224132021722)下面是我整理的常用 Git 命令清单。几个专用名词的译名如下。Workspace:工作区Index / Stage:暂存区Repository:仓
2016-02-24 13:20:45
332
原创 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
4606
转载 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
362
原创 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
346
原创 手机端样式初始化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
4154
原创 点击两张图片切换
**点击两张图片切换**<!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
1274
原创 手机幻灯片
**手机幻灯片**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
504
原创 三款简单的JS返回页面顶部代码
三款简单的JS返回页面顶部代码本文介绍三款简单的返回页面顶部代码,可以使用简单的HTML锚标记,也可使用Javascript Scroll函数动态返回,其它的还有悬浮脚本等有点复杂了,本文不再介绍,大家根据自己需要选择其中的一种即可,总之简约最美的,能减少代码就减少代码,能不调用的就别调用,要不是天缘博客的文章都是牛长也不会添加这个功能。 一、使用锚标记返回页面顶部使用HTML锚标记最简单,就是
2016-01-16 10:04:35
2058
原创 鼠标画上去图片旋转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
2161
原创 鼠标放上去图片放大
鼠标放上去图片放大<!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
3520
原创 三等分
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
527
原创 工作经验良言
1每天写工作日志的习惯日志绝对是提升能力的秘密武器,在日志中把当日一些重要的动作、重要数据变化、重要用户反馈、重要行业事件记下来。有些动作对于用户的影响是长期的,有些用户行为的变化也有可能是你不经意的一个改变带来的,有了日志,可以方便自己每过一段时间横向对比和观察。你还能从日志中,回看到自己点滴的成长和进步!这绝对是你做工作的留下的最有价值的纪念了注意,
2015-12-25 16:15:58
421
原创 html5 datalist标签的用法
html5 datalist标签的用法datalist介绍: datalist一般不会独行江湖,它需要与input标签的搭配使用,就像label标签与input标签搭配使用一样。既然与input标签搭配使用,那么这两个标签之间必定存在着“特殊的关系”,不然input与datalist就互不相认了,那么如何才能让他们建立起来这种关系呢?这个时候我们需要一个新的属性list(注意,不是for),lis
2015-12-21 18:01:40
3536
原创 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
2993
原创 分享代码格式的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
1088
转载 样式化复选框(Styling Checkbox)
样式化复选框(Styling Checkbox)复选框 Checkbox 是 Web 应用常用控件,随处可见,原生的复选框控件一般就像下面这样: 选中状态 未选状态这取决于操作系统和浏览器,有些时候,这种样子并不能满足设计要求,这时需要更为精致的复选框样式。以往只有少数浏览器才支持对这类控件应用样式,比如拿到这样一张设计图:![这里写图片描述](http://img.blog.csdn.net/
2015-12-19 14:47:38
568
原创 jquery-mobile(二)
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
277
原创 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
251
转载 快捷键让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
357
原创 本地获取PHP程序中二级目录
'TMPL_PARSE_STRING' => array( '__PUBLIC__' => '/baidu_yihua/Public/', ),
2015-12-16 14:58:09
1334
转载 jshint相关的配置
jshint相关的配置SublimeText插件推荐:JS错误检查工具 - JSHint与JSHint Gutter NOV 28TH, 2014 9:46 AM 引言我喜欢使用SublimeText(以下将简称为Sublime)来写JavaScript,但有时候代码量一多,难免会犯些小错误,比如变量名写错,多了一个括号等等;而Sublime是编辑器,本身没有代码检查功能,只有当JS代码在浏览
2015-12-16 13:50:22
6848
原创 银行卡号矫正
**银行卡号矫正**Luhm.js//Description: 银行卡号Luhm校验//Luhm校验规则:16位银行卡号(19位通用):// 1.将未带校验位的 15(或18)位卡号从右依次编号 1 到 15(18),位于奇数位号上的数字乘以 2。// 2.将奇位乘积的个十位全部相加,再加上所有偶数位上的数字。// 3.将加法和加上校验位能被 10 整除。//方法步骤很清晰,易理解,需要在
2015-12-16 13:34:24
690
原创 银行卡四位一空格代码
**银行卡四位一空格代码**<!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
1962
原创 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
825
原创 点击自己内容显示和隐藏
**点击自己内容显示和隐藏**<!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
1893
原创 书写工作方案的格式
一、题目要醒目易懂二、工作方案提纲列出来(重要)三、条目内容要有清晰的标识四、这个文档要美观大方五、每个条目空格要保持好等距六、落款要住上自己的大名七、文档要命名好名字
2015-11-24 20:57:48
332
原创 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
316
原创 文本框禁止复制黏贴
**文本框禁止复制黏贴**<!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
428
原创 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
406
原创 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
385
原创 使用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
818
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人