杨 小匠

摘要： 在javscript中，this 是在函数运行时自动生成的一个内部指针，它指向函数的调用者。 箭头函数有些不同，它的this是继承而来， 默认指向在定义它时所处的对象(宿主对象)，而不是执行时的对象。 如上getName3()，将箭头函数作为直接执行的方法来写时要特别小心，它的this会直接指向wi 阅读全文

摘要： 在 loading.io 上能看到好多效果惊艳的loading图标。它们都是用svg写成的，寥寥几行代码，比img图片更精细更节省体积，比纯dom实现要更灵活和高效。 怎么画这些圆和方块？怎么着色？怎么动起来？ 先看看svg的基础知识，然后将上面第一个图标画出来。 一、基本图形元素 svg有一些预定 阅读全文

摘要： 本地存储是HTML5中提出来的概念，分localStorage和sessionStorage。通过本地存储，web应用程序能够在用户浏览器中对数据进行本地的存储。与 cookie 不同，存储限制要大得多（至少5MB），并且信息不会被传输到服务器。 什么时候用本地存储？ 跨期：不同时间打开页面，比如这 阅读全文

摘要： 我们需要在特定的时候判断页面的显示状态，例如：当视频加载到可播放状态时，根据用户是否停留在当前页面来决定是否开始自动播放。页面的展示的状态的判断就需要用到html5新增的一个api：document.hidden。 document.hidden属性：bool型，表示页面是否处于隐藏状态。页面隐藏包 阅读全文

摘要： 滑块拼图型的验证方式已经流行起来，多数的实现方式是直接加载两张分割好的图片。现在用canvas去自动修剪图片，节省修图工作量和http请求： 加载一张整图，用canvas切割缺口，缺口位置在固定范围内随机 点击刷新按钮重新加载和切割 滑块响应拖动，实时更新缺口位置 拖动结束时计算位置是否匹配，允许一 阅读全文

摘要： 对象是一个属性集合，对象的基本特征是属性名（name）和属性值（value）。ES5 增加了属性描述符，包括数据属性描述符（configurable enumerable writable value）和存取描述符（configurable enumerable get set）。两类描述符中的co 阅读全文

摘要： 去除浏览器对html的附加样式，避免不同浏览器之间的样式差异，给前端开发提供统一的样式基础。附加样式： .clearfix - 清除浮动 .wordsBreak - 允许文本在任意位置的换行 .ellipsis - 超长文本截断，以省略号显示 阅读全文

摘要： 很简单，一句话 npm install -g cnpm --registry=https://registry.npm.taobao.org 阅读全文

摘要： 基于canvas制作随机生成数字英文组合验证码效果，点击或刷新会自动重组。输入验证码提交验证效果代码。 阅读全文

摘要： 表单选择器： 属性选择器： 次序选择器： :first-child 选取属于其父元素的首个子元素 :last-child 选取属于其父元素的最后一个子元素 :nth-child(n) 选取父元素的第n个子元素 :nth-last-child(n) 倒序选取父元素的第n个子元素 :first-of-t 阅读全文