前端这个领域,上手很快,只需要短期学会html,css,js就可以开始写常规网页了。但另一方面,入门简单对应的是广泛、复杂、快速迭代的前端知识体系、框架、工具等一个又一个难题。以移动端开发为例,至今Web App开发仍然处于一个你方唱罢我登场的群雄割据时代,缺少一个绝对主流、统一的开发工具或规范。本文也仅仅基于个人有限的移动端开发经验及网上各路技术经验分享内容对Web App开发进行部分经验总结,供大家参考。
一、不要刻意模仿移动端系统原生的默认样式和交互
- 毕竟 WebApp 缺乏原生支持,肯定有模仿不到位的地方,会很快露出马脚。
- 用自己的风格和交互则不会有这样的问题,没有参照物也就不容易察觉错误。
二、不要做的像一个网站
- 避免整体布局样式设计像一个浏览器页面展示的普通网站,而缺少用户交互的应用程序设计思路
三、只用硬件加速的 CSS3 属性做动画效果
补充:何为硬件加速的CSS3动画效果?
浏览器接收到页面文档后,会将文档中的标记语言解析为DOM树。DOM树和CSS结合后形成浏览器构建页面的渲染树。渲染树中包含了大量的渲染元素,每一个渲染元素会被分到一个图层中,每个图层又会被加载到GPU形成渲染纹理,而图层在GPU中 transform
是不会触发 repaint 的,这一点非常类似3D绘图功能,最终这些使用 transform
的图层都会由独立的合成器进程进行处理。而非硬件加速CSS3会导致浏览器repaint,造成渲染效果的卡