关于写了阅读器后的总结

1.设计模式：单例模式，实例化。

单例模式是一种常用的软件设计模式。在它的核心结构中只包含一个被称为单例的特殊类。通过单例模式可以保证系统中一个类只有一个实例。

2.响应式布局：通过@media来实现

一个小例子：

@media screen and (max-width: 300px) {
    body {
       background-color:lightblue;
    }
}

3.base64格式图片：优点base64图片可以减少请求，加快首屏数据的显示，未经压缩。可以利用网上的base64图片编辑器就可以完成。

4.html5的Api要学会如何调用。

6.ajax跨域请求：只要协议、域名、端口有任何一个不同，都被当作是不同的域。

具体解决办法参考前面的博客。

7.viewport布局移动页面

width	设置layout viewport  的宽度，为一个正整数，或字符串"width-device"
initial-scale	设置页面的初始缩放值，为一个数字，可以带小数
minimum-scale	允许用户的最小缩放值，为一个数字，可以带小数
maximum-scale	允许用户的最大缩放值，为一个数字，可以带小数
height	设置layout viewport  的高度，这个属性对我们并不重要，很少使用
user-scalable	是否允许用户进行缩放，值为"no"或"yes", no 代表不允许，yes代表允许

<meta name="view port" content="width=device-width“, initral-scale=1.0,maximun-scale=1.0,user-scalable=no"/>

8.移动端的性能陷阱和硬件加速

a.减少或避免 repaint,reflow;

b.尽量缓存可以缓存的数据，

c.尽量使用transform代替dom节点的操作，那样性能更高。

d.不要给非static定位的元素增加css3动画

e.适当的使用硬件加速，例如加入canvas绘图，给硬件加速。