薄荷薄荷薄荷糖

重点在于鼠标事件，计算鼠标的位置，mousedown的时候触发mousemove和mouseup事件，然后点击按钮切换样式

绘制完静态样式之后，用计时器刷新时间即可，要注意会改变坐标的方法，有涉及改变坐标的方法，都要保存之前的状态并重置，才不会影响下一图形的绘制最外面的黑色盒子直接用div做就可以了插件化写法，可配置项

IIE9开始支持canvascanvas不能用来布局，需要有一个div包裹第一个步骤是要获取渲染上下文：getContext（'2d/webgl'），参数是上下文的类型，用这个方法的时候会获取Canv

audio和video是H5提供的音视频播放的标准接口，没有之前用的是Flashplayer插件（独立于浏览器的应用程序，需要安装）。不用Flash的原因：浏览器本身不带有Flashplayer，体积

打字机效果模拟光标闪烁（遮罩左边框）和文字逐个出现（遮罩移动）的效果

css定义：指定文档该如何呈现给用户的语言文档指的是信息的集合，不等同于文件用户代理UA：文档呈现给用户的程序（浏览器-视觉、语音浏览器-听觉……）CSS3的兼容性非常友好，尤其是手机端的页面都是用响

带有放大效果的菜单菜单项移入动画效果：每个菜单项延迟时间不同即可

带遮罩效果的图片展示动画：鼠标hover动画显示遮罩和线 -> 四条线用伪类做盒子聚焦效果：hover火箭旋转，阴影增加，线条聚集 -> 四条线从四周起始，从0变为边框长度，向内运动聚焦

盒子模型CSSBasicBoxModelw3c标准盒模型：width就是content（box-sizing：content-box）IE6混杂模式的盒模型（DTDdocumenttypedefini