第一次尝试制作移动端的WEB相册，听了@远人的视频教程，对移动端开发产生了不少兴趣，写篇博客记录下这次移动端WEB相册学习过程中的一些心得。
移动端对比web端
移动端的开发优势
- 移动端浏览器大多采用webkit内核，需要考虑的js兼容性问题较少
- 移动端的动画可以用CSS3来制作，浏览器兼容性问题少，开发效率高
移动端开发的劣势
- 移动端对加载速率要求更高，js代码必须更精简高效
- 只能引入更小的js库,比如zepto.js
- 由于引入的js库（如zepto.js）有些功能尚未包含，有时需要自己写原生的js
移动端开发工具
- js：zepto.js
- css3: animate.css
zepto.js是专为移动端打造的轻量型js库，移动端页面中可以引入大量CSS3动画，十分生动。
移动端开发的一些注意点
- 传统web端的
DOM animation用css3动画代替 zepto.js中由于click事件的效率太低，执行一次click 事件有200~300ms的延迟，为了更快的响应，最好用Zepto 提供的touch事件代替。- 使用canvas代替images,canvas会触发GPU设备，进行物理渲染，canvas可以把需要重复绘制的画面数据进行缓存起来，比images更高效
demo完整版演示
调试：F12打开调试窗口 ——>ESC打开Console视图，选择Emulation，设置模拟的device ——> F5刷新浏览器，查看模拟效果
- demo: http://xuyuan923.github.io/assets/demo/mobile-gallery.html
- github源码：https://github.com/xuyuan923/mobile-gallery