Web App开发经验总结

前端这个领域,上手很快,只需要短期学会html,css,js就可以开始写常规网页了。但另一方面,入门简单对应的是广泛、复杂、快速迭代的前端知识体系、框架、工具等一个又一个难题。以移动端开发为例,至今Web App开发仍然处于一个你方唱罢我登场的群雄割据时代,缺少一个绝对主流、统一的开发工具或规范。本文也仅仅基于个人有限的移动端开发经验及网上各路技术经验分享内容对Web App开发进行部分经验总结,供大家参考。

一、不要刻意模仿移动端系统原生的默认样式和交互

  • 毕竟 WebApp 缺乏原生支持,肯定有模仿不到位的地方,会很快露出马脚。
  • 用自己的风格和交互则不会有这样的问题,没有参照物也就不容易察觉错误。

二、不要做的像一个网站

  • 避免整体布局样式设计像一个浏览器页面展示的普通网站,而缺少用户交互的应用程序设计思路

三、只用硬件加速的 CSS3 属性做动画效果

补充:何为硬件加速的CSS3动画效果?

浏览器接收到页面文档后,会将文档中的标记语言解析为DOM树。DOM树和CSS结合后形成浏览器构建页面的渲染树。渲染树中包含了大量的渲染元素,每一个渲染元素会被分到一个图层中,每个图层又会被加载到GPU形成渲染纹理,而图层在GPU中 transform 是不会触发 repaint 的,这一点非常类似3D绘图功能,最终这些使用 transform 的图层都会由独立的合成器进程进行处理。而非硬件加速CSS3会导致浏览器repaint,造成渲染效果的卡

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值