绘制图像
引入图像到canvas里需要以下两步基本操作：
-获得一个指向HTMLImageElement的对象或者另一个canvas元素的引用作为源，也可以通过提供一个URL的方式来使用图片
-使用drawImage()函数将图片绘制到画布上
HTML5 Canvas绘图笔记(1)
<canvas>是一个可以使用脚本(通常为JavaScript)在其中绘制图形的 HTML 元素.它可以用于制作照片集或者制作简单的动画.
Canvas标签：
canvas标签添加
要使用canvas，首先要在body中添加上canvas标签
canvas标签是一块默认300150大小的画布
HTML5存储及离线应用实战
HTML5音乐可视化
单纯的音乐播放是否过于单调，在听音乐的同时如果也能看见音乐是否更加带感。本课程将带领你使用webAudio和canvas将你的音乐以你喜欢的形式可视化出来，让你的音乐动起来。
应用介绍：
利用webAudio,canvas,CSS3制作的自适应的音乐可视化应用,移动端、pc端通用
在线浏览：地址
源码下载；Github
应用核心结构介绍：
MVC框架
前端攻城师是个新兴的职业，一直以来前端开发面临着以下的问题：
- 数据模型、业务模型不清晰
- 代码代码复用率低，很多时候是Ctrl-C/V
- 代码可读性和可维护性低
- 难以满足需求的变化，特别是前端需求的频繁变化
jQuery在一定程度上改善了这种状态，解决了原生JS代码写起来繁琐的问题，但jQuery毕竟是一个以DOM查找和操作为主的库，这样的定位使得jQuery的大型前端项目中只能作为底层库使用，应用代码依然是杂乱无章，不得不依赖于攻城师的技术水准和职业素养。
按钮特效
CSS动画实用技巧
CSS3动画
- Transform：对元素进行变形；
- Transition：对元素某个属性或多个属性的变化，进行控制（时间等），类似flash的补间动画。但只有两个关键贞。开始，结束。
- Animation：对元素某个属性或多个属性的变化，进行控制（时间等），类似flash的补间动画。可以设置多个关键贞。
Ajax跨域问题
出于安全考虑，HTML的同源策略不允许JavaScript进行跨域操作.跨域问题是浏览器同源策略限制，当前域名的js只能读取同域下的窗口属性。
当要在在页面中使用js获取其他网站的数据时，就会产生跨域问题，比如在网站中使用ajax请求其他网站的天气、快递或者其他数据接口时以及hybrid app中请求数据，浏览器就会提示以下错误。这种场景下就要解决js的跨域问题。
HTML5学习笔记(1)
HTML5简介
HTML5 是下一代的 HTML。
HTML5 中的一些有趣的新特性：
用于绘画的 canvas 元素
用于媒介回放的 video 和 audio 元素
对本地离线存储的更好的支持
新的特殊内容元素，比如 article、footer、header、nav、section
新的表单控件，比如 calendar、date、time、email、url、search
gulp详细入门教程 (打造一个自动化的前端项目)
工具介绍
nodeJS
nodeJS的出现，可以算是前端里程碑式的一个事件，它让前端攻城狮们摆脱了浏览器的束缚，踏上了一个更加宽广的舞台。前端的可能性，从此更加具有想象空间。
随着一系列基于nodes的应用/工具的出现，工作中与nodeJS打交道的机会越来越多。无论在node应用的开发，还是使用中，包管理都扮演着一个很重要的作用。NPM（node package manager），作为node的包管理工具，极大地便利了我们的开发工作，很有必要了解一下。