1.尽量使用单页面开发(single page application,SPA) 特点:
速度:更好的用户体验,让用户在web app感受native app的速度和流畅,
·MVC:经典MVC开发模式,前后端各负其责。
·ajax:重前端,业务逻辑全部在本地操作,数据都需要通过AJAX同步、提交。
·路由:在URL中采用#号来作为当前视图的地址,改变#号后的参数,页面并不会重载。
2.慎重选择前端UI框架,很多时候UI交互的复杂性和碎片性难以满足交互需求,如果对改框架不了解功能实现起来很麻烦。当你对H5不熟悉的时候,尽量自己动手来写UI
3.动画特效使用准则(60fps)
4.浏览器消耗最小的css属性
位置:transform:translate(x,y.z)
大小:transform:scale(n)
旋转:transform:rotate(ndeg)
透明度:opacity:0...1
在http://csstriggers.com/可以查看
5.长度单位使用rem(相对于根元素的比例)
px:像素(页面的像素是不固定的)
em:相对父容器的倍数
rem:一开始检测屏幕的宽度,然后除以15或12作为基本单位,使用时图片文字实量化。