2018年11月_风轻云淡180518

12月 11月 10月 09月 08月 07月 06月 05月

原创 css三角形

今天我们来聊一聊怎么通过css来绘制一个三角形的。原理就是border属性的应用。首先定义一下HTML结构 <div class="box"></div> 然后给box添加样式 .box{ width:200px; height:60px; border:1px solid #333; position:relative; margin:5...

2018-11-26 10:40:23 185

传统的checkbox表单元素是不好看的，而且每个浏览器表现出来的样式还不一样，很多时候我们会借助一些表单美化的插件实现类似开关切换的效果，有些是用 js+css 实现的，而有些则是纯CSS实现的，我们更应该感兴趣的是后者，今天我们就来一步一步实现一个CheckBox美化的效果开始之前我们先搞清楚，要给CheckBox 的样式好像不太可行，所以需要借助label的for来间接触发 CheckB...

2018-11-19 11:00:32 1925

原创 vue2 手势密码

组件： <template> <div class="masks" v-show="currentValue"> <div class="gesturePwd"> <div class="box"> <h4 ref="gestureTitle&quot

2018-11-11 21:42:21 2290 7

原创 localStorage 设置过期时间

localStorage除非人为手动清除，否则会一直存放在浏览器中，但是很多情况下我们可能需要localStorage有一个过期时间，比如我们将用户身份认证 token 保存在客户端，1周之内有效，超过一周则要重新登录，那么这种需求该怎么实现呢要知道，localStorage本身并没有提供过期机制，既然如此，那就只能我们自己来实现了，我们可以直接给其原型上加上这样一个方法 Storage.p...

2018-11-02 16:55:08 15899 6

原创 javascript 身份证号码验证函数(可辨真伪，支持15或18位身份证号)测试误差为0

话不多说，直接上代码，我不生产代码，我只是代码的搬运工。 //验证身份证号方法 var test = function (idcard) { var Errors = new Array("验证通过!", "身份证号码位数不对!", "身份证号码出生日期超出范围或含有非法字符!", "身份证号码校验错误!", "身份证地区非法!"); var area = {11: "北京.

2018-11-01 23:23:52 426

原创 ES6箭头函数

如今ES6的箭头函数已经被用的比较普遍了，因为我们喜欢他的简洁， let sayHello = name =>{ `hello,${name}` } 不过使用之前，我们应该注意一下和普通函数的区别避免犯一些无意识的错误。 arguments 普通函数可以通过arguments 拿到所有的参数 let sayHi = function(){ console.log...

2018-11-01 10:17:50 223