摘要：
目录 Transition过渡 Transition的分体属性： 贝塞尔曲线cubic-bezier Body本身没有高度，html本身也没有高度，document的高度是可视区域。 文字阴影 HTML5新增表单控件 Input在HTML5中新增了很多的类型 新增表单属性 属性选择器 子元素选择器（ 阅读全文
摘要：
问题先行，如何使用 CSS 实现下述滚动条效果？ 就是顶部黄色的滚动进度条，随着页面的滚动进度而变化长短。 在继续阅读下文之前，你可以先缓一缓。尝试思考一下上面的效果或者动手尝试一下，不借助 JS ，能否巧妙的实现上述效果。 OK，继续。这个效果是我在业务开发的过程中遇到的一个类似的小问题。其实即便 阅读全文
摘要：
先上张图，如何使用纯 CSS 制作如下效果？ 在继续阅读下文之前，你可以先缓一缓。尝试思考一下上面的效果或者动手尝试一下，不借助 JS ，能否巧妙的实现上述效果。 OK，继续。这个效果是我在业务开发的过程中遇到的一个类似的小问题。其实即便让我借助 Javascript ，我的第一反应也是，感觉很麻烦 阅读全文
摘要：
个人在移动端的一些总结归纳，有新的知识点会一直更新 一.css部分 1.用transition做动画时，变形尽量通过transform来实现，而不是用height，width等属性。transform可明显减少重绘、重画 1.meta标签 <meta name="viewport" content= 阅读全文
摘要：
获取鼠标位置1.PageX/PageX:鼠标在页面上的位置,从页面左上角开始,即是以页面为参考点,不随滑动条移动而变化2.clientX/clientY:鼠标在页面上可视区域的位置,从浏览器可视区域左上角开始,即是以浏览器滑动条此刻的滑动到的位置为参考点,随滑动条移动 而变化. 可是悲剧的是,Pag 阅读全文
摘要：
js 计算请假时长（去除了周六日，节假日未清除） 2017-12-26 亦皓 <!DOCTYPE html> <html> <head> <title></title> <meta http-equiv="content-type" content="text/html;charset=utf-8" 阅读全文
摘要：
jquery.validate 是jquery的一个插件，用来辅助开发者在客户端方便快捷的实现表单验证，最终达到提高用户体验的目的。 示例代码 jquery.validate在定位html标签的时候，默认使用name属性来获取标签，所以需要开发者给需要进行验证的标签都加上name属性，并且赋值。 i 阅读全文
摘要：
程序猿能解决千千万万的 bug 唯有这个 bug 无从下手 我们特地请来一位专业治 bug 的大夫 传授他的独门秘方 护士小姐姐 tips ： 保持手机不动，跟着屏幕旋转头部。 凑字数凑字数凑字数凑字数凑字数凑字数凑字数凑字数凑字数凑字数凑字数凑字数凑字 对了，今天是1024 程序员节 祝程序猿们节 阅读全文
摘要：
要获取当前页面的滚动条纵坐标位置，用：document.documentElement.scrollTop;而不是：document.body.scrollTop;documentElement 对应的是 html 标签，而 body 对应的是 body 标签。在标准w3c下，document.bo 阅读全文
摘要：
从交互层面上来讲，完成一个功能（获得想要的信息）的过程称之为用户路径。用户路径越长，完成功能的复杂度就越高，用户体验也就越差。因此当打开一个需要用户填写信息的表单界面时，为了提高可用性，PC 端一般会将光标聚焦到对应输入框（input），移动端也是同理，让对应的 input 获得 focus 状态， 阅读全文