风起叶落，若是不知，岂会心动！

CSS3动画 ☞ animation-time-function ☞ step属性动画属性animation-name: 给动画起的名字，在定义动画帧@keyframes时用animation-duration：动画执行时间animation-timing-function：动画帧执行函数，可以指定两个帧之间的过渡方式 linear|ease|ease-in|ease-out|ease-in

Canvas 示例：时钟先来看下最终效果图：星期天趁空隙实现了个简单的一个时钟，下面回顾下其实现原理，和遇到的问题，对 H5 这块还是个菜鸟，只有不断通过练习去熟悉了。设计凡是从构思开始，而不是盲目的去实现代码。设计图：从上图中该时钟分为几个部分画布，背景蓝色部分；第一个圆：时钟边框，最外层 8 个像素的宽边框；第二个圆：点圆圈，代表着时间划分，每两个点之间代表 12 分钟（60 / 5 =

1 SCSS/SASS两者在使用上，稍有不同， 主要体现在格式上，SCSS 的格式和 CSS 格式几乎一样，不局限于缩进，带有大括号，而 SASS 必须严格遵循缩进原则，并且没有大括号，使用上选择SCSS 更多点，需要注意的是两者不能混用，也就是说后缀名为 .scss 的书写规则就不能在其中使用 SASS 书写规则，否则会出现意想不到的错误，慎重选择。这里主要以 SCSS 为主，原因很简单，更能接收

正多边形绘制今天上网的时候无意中看到好多几何图形，突然萌生出自己搞个生成器去绘制各种多边形，想想就开干了，先从简单的正多边形开始。如下：正多边形绘制实现支持最少边数：3，最大：不限制；支持链式重复绘制，从而可以组合成稍复杂点的图像；支持单图形动画（顺时针，逆时针，顺逆时针互切，更多的动画有待完善）；绘制对象：// regular-polygon.jsfunction RegularPolygon(