屁屁与猪猪

使用 canvas 加上动画绘制一个具有百分比的圆形进度条

关于 z-index，每个人都会用，但大多人都不理解其真正的生效机制。最近做项目有很多用到 z-index 的地方，才发现以前用的一知半解，所以上网查了一些资料梳理了一下。

为什么要用缓存，般针对静态资源如 CSS,JS, 图片等使用缓存，原因如下：请求更快；节省带宽；降低服务器压力

HTML5 增加了一项新功能是：自定义数据属性，也就是 data-* 自定义属性。在 Html5 中我们可以使用 data - 为前缀来设置我们需要的自定义属性，来进行一些数据的存放。当然高级浏览器下可以通过脚本进行定义和数据存取。在项目实践中非常有用。

DOM 是所有前端开发每天打交道的东西，但是随着 jQuery 等库的出现，大大简化了 DOM 操作，导致大家慢慢的 “遗忘” 了它的本来面貌。不过，要想深入学习前端知识，对 DOM 的了解是不可或缺的，所以本文力图系统的讲解下 DOM 的相关知识。

要想实现 3D 的效果，其实非常简单，只需指定一个元素为容器并设置 transform-style：preserve-3d，那么它的后代元素便会有 3D 效果。不过有很多需要注意的地方，这里把我学习的方法，过程分享给大家。再讲知识点之前，还是先弄清楚 3D 的坐标系吧，从网上搜了一张经典坐标系图，供大家回顾一下。

bind() 方法会创建一个新的函数，成为绑定函数。当调用这个绑定函数时，绑定函数会以创建它时传入的第一个参数作为 this，传入 bind() 方法的第二个以及以后的参数加上绑定函数运行时本身的参数按照顺序作为原函数的参数来调取原函数。

JavaScript 是一种描述型的脚本语言，不同于 C# 或者 Java，它不需要进行编译成中间语言，而是由浏览器动态的解析和执行。

html5 中的 Web Storage 包括了两种存储方式：sessionStorage 和 localStorage。 sessionStorage 用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此 sessionStorage 不是一种持久化的本地存储，仅仅是会话级别的存储。 而 localStorage 用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。