Hello，嗨，大家好！！！
这里是17分享资源网
今天，我想和大家分享-,HTML5 移动Web App阅读器的文章，感谢您宝贵的时间阅读，让这一刻属于我们吧！
资源介绍
img src=”https://www.17fenxiang.cn/lxm/3d97d46a3b967bb8bc295221748bbe77.jpg” alt=”HTML5 移动Web App阅读器” />
img alt=”” src=”https://imgxk1.top1sheji.com/180707/e99f296d9803e0eef20bee02848be46e.jpg” style=”width: 691px; height: 360px;”>img alt=”” src=”https://imgxk1.top1sheji.com/180707/81ad2bd43ef95eb17edca842938307d6.jpg” style=”width: 722px; height: 285px;”>img alt=”” src=”https://imgxk1.top1sheji.com/180707/61531659966e476b80b66d1836ca5f77.jpg” style=”width: 718px; height: 355px;”>img alt=”” src=”https://imgxk1.top1sheji.com/180707/6a76fc66d1f005206167ffbefcee72a2.jpg” style=”width: 715px; height: 280px;”>img alt=”这里写图片描述” src=”https://img-blog.csdn.net/20170406195847628?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcXFfMzM5MzY0ODE=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast” style=”color: rgb(79, 79, 79); font-family: -apple-system, "SF UI Text", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif, SimHei, SimSun; font-size: 16px; text-align: justify; box-sizing: border-box; outline: 0px; margin: 24px 0px; max-width: 100%; word-break: break-all; cursor: zoom-in;” title=””>
html5本地存储，渐强式理念（兼容性处理）
苹果APP商店审核非常慢
img alt=”这里写图片描述” src=”https://img-blog.csdn.net/20170406200313010?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcXFfMzM5MzY0ODE=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast” style=”box-sizing: border-box; outline: 0px; margin: 24px 0px; max-width: 100%; word-break: break-all; cursor: zoom-in;” title=””>
微信朋友圈的H5广告和游戏
img alt=”这里写图片描述” src=”https://img-blog.csdn.net/20170406200640536?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcXFfMzM5MzY0ODE=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast” style=”box-sizing: border-box; outline: 0px; margin: 24px 0px; max-width: 100%; word-break: break-all; cursor: zoom-in;” title=””>
H5相比Native APP优点：
快速的更新和迭代
img alt=”这里写图片描述” src=”https://img-blog.csdn.net/20170406201225413?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcXFfMzM5MzY0ODE=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast” style=”box-sizing: border-box; outline: 0px; margin: 24px 0px; max-width: 100%; word-break: break-all; cursor: zoom-in;” title=””>
一次开发多终端受益
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设计模式
单例模式：
img alt=”这里写图片描述” src=”https://img-blog.csdn.net/20170406221753711?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcXFfMzM5MzY0ODE=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast” style=”box-sizing: border-box; outline: 0px; margin: 24px 0px; max-width: 100%; word-break: break-all; cursor: zoom-in;” title=””>
方法或者属性是可以公用的，不需要多次实例化.
多次实例化->创建新对象->占用更多的内存
实例化：
img alt=”这里写图片描述” src=”https://img-blog.csdn.net/20170406222429643?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcXFfMzM5MzY0ODE=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast” style=”box-sizing: border-box; outline: 0px; margin: 24px 0px; max-width: 100%; word-break: break-all; cursor: zoom-in;” title=””>
img alt=”这里写图片描述” src=”https://img-blog.csdn.net/20170406222343907?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcXFfMzM5MzY0ODE=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast” style=”box-sizing: border-box; outline: 0px; margin: 24px 0px; max-width: 100%; word-break: break-all; cursor: zoom-in;” title=””>
设计图
img alt=”这里写图片描述” src=”https://img-blog.csdn.net/20170406222903263?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcXFfMzM5MzY0ODE=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast” style=”box-sizing: border-box; outline: 0px; margin: 24px 0px; max-width: 100%; word-break: break-all; cursor: zoom-in;” title=””>
img alt=”这里写图片描述” src=”https://img-blog.csdn.net/20170406222917467?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcXFfMzM5MzY0ODE=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast” style=”box-sizing: border-box; outline: 0px; margin: 24px 0px; max-width: 100%; word-break: break-all; cursor: zoom-in;” title=””>
页面排版：服务器传来的数据做标签替换
翻页 ：
img alt=”这里写图片描述” src=”https://img-blog.csdn.net/20170406224502703?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcXFfMzM5MzY0ODE=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast” style=”box-sizing: border-box; outline: 0px; margin: 24px 0px; max-width: 100%; word-break: break-all; cursor: zoom-in;” title=””>
img alt=”这里写图片描述” src=”https://img-blog.csdn.net/20170406225111665?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcXFfMzM5MzY0ODE=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast” style=”box-sizing: border-box; outline: 0px; margin: 24px 0px; max-width: 100%; word-break: break-all; cursor: zoom-in;” title=””>
