Cordova开发-H5移动开发准则

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作为基本单位,使用时图片文字实量化。






  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值