重构
原因
需求变化
架构调整
最佳实践变化
原则
适用
实施
当需要改动的时候再进行优化
CSS样式的优先级：
CSS样式的特指度：（a,b,c,d）
如果用 style 属性应用样式，则 a=1，否则 a=0。
b 为 ID 选择器的数量。
c 为类选择器、属性选择器和[……]
分类：前端
使用IE浏览器复制带样式的元素
IE调试特有的一个功能：复制带样式的元素，可以用于完美抽取单页的样式，而不用下载所有相关的css
Form表单与Json数据的序列化
目前前端序列化Form表单的数据方式主要有：
Form表单直接转换为查询字符串：
$(selector).serialize()
Form转换为Json数组：
$(selector).serializeArray()
主要供ajax调用发送
Json对象/数组转换为查询字符串[……]
密码输入框的水印问题
HTML5提供了一个十分好用的placeholder属性，用于为输入框添加一个提示信息水印，但在输入框是type=passowrd的时候，会出现水印内容全部是黑点的问题。
解决这个问题的方法也很简单：需要显示水印的时候，将输入框的type设置为text，需要显示隐藏的密码信息的时候，将type设[……]
基于Storage封装的支持过期时间和Json数据的临时存储
使用sessionStorage和localStorage不能直接存储json数据，需要转为字符串存储，也不支持过期时间的限制，比较不方便，现封装了一下sessionStorage和localStorage,放出来方便大家使用：
https://github.com/wamdy/JsUtils/b[……]
手机端无法触发点击事件的问题
<div class=”name”>点我</div> $(document).on(“click”, “.name”, function() { alert(“name”); });
以上代码在电脑浏览器和安卓上都能触发事件，但是在iOS上却完全没有反应[……]
JS倒计时插件
最近写了一个倒计时的控件，共享出来方便使用
用法：var stopwatch = new Stopwatch(“倒计时间/秒”,”倒计时完成时的回调函数”,”每个计时事件回调”,”计时步长/秒”)
stopwatch.start();//开始/继续计时
stopwatch.pause();//[……]
Jquery-ui slider mouse触屏兼容滑动事件
自定义的前端校验组件Validate.js
刮刮卡控件-兼容触控及鼠标
有需求需要做刮刮卡，搜索到一款看起不错的插件，scratchit，试用下来发现不支持触控操作,而且底层只能用图片，修改解决了这两个问题，参考附件：修改后的scratchitScratchIt是一款基于HTML5 canvas的jQuery刮刮卡效果插件。这个刮刮卡效果使用两张图片和canvas来制作[……]