HTML5移动web开发

  • Web app , Native app 和 Hybrid app

    Hybrid是混合模式开发,介于webapp和native之间,各个手机终端能够公用一套开发代码,方便快速迭代更新。在手机上,利用UIWebview实现一个小浏览器,然后通过编写js桥,实现了web开发的介入。性能方面,hybrid模式与原生的native之前是有一定差距的,没有原生流畅。

  • JavaScript的设计模式(待补充)

    • 单例模式
    • 实例化
  • 响应式布局

通过媒体查询实现 @media

  • 涉及的技术

    • 图片使用base64格式加载
    • 使用CSS3制作icon:体积小,但存在兼容性问题,比如border-radius制作圆角、transform作缩放、box-shadhow作阴影等等
    • H5技术
    • 移动端性能问题:
      • 减少对DOM元素的操作:减少从文档流里提取出dom元素进行操作
      • 尽可能缓存可以缓存的数据:app cach,manifest,localstorage, sessionstorage,web sql,indexedDB等等
      • 使用CSS3的transform来代替DOM的变换操作
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容