HTML5 移动Web App阅读器-1

HTML5 移动Web App阅读器-1_第1张图片
html5本地存储,渐强式理念(兼容性处理)
苹果APP商店审核非常慢
HTML5 移动Web App阅读器-1_第2张图片
微信朋友圈的H5广告和游戏
HTML5 移动Web App阅读器-1_第3张图片
H5相比Native APP优点:
快速的更新和迭代
HTML5 移动Web App阅读器-1_第4张图片
一次开发多终端受益
Native APP的优缺点:流畅;更新迭代,速度降低
HTML5 WEB APP的现状与发展趋势
不能实现多终端适配;
相比于Native APP,Hybrid APP动画方面和DOM操作是要差的,卡卡卡
CPU-计算
GPU-图形渲染
WEB APP的发展趋势是无限向Native APP趋近
React解决的主要问题构建页面严重的性能问题

技能要求:
js(函数,语法知识,对象,闭包)
服务器调试经验:调试HTTP文档流
css3
h5
- canvas
- Web Workers
- webal
- localstorage
js设计模式
单例模式:
HTML5 移动Web App阅读器-1_第5张图片
方法或者属性是可以公用的,不需要多次实例化.
多次实例化->创建新对象->占用更多的内存
实例化:
HTML5 移动Web App阅读器-1_第6张图片
HTML5 移动Web App阅读器-1_第7张图片

设计图
HTML5 移动Web App阅读器-1_第8张图片
HTML5 移动Web App阅读器-1_第9张图片
页面排版:服务器传来的数据做标签替换
翻页 :
HTML5 移动Web App阅读器-1_第10张图片
HTML5 移动Web App阅读器-1_第11张图片

你可能感兴趣的:(web前端)