面试--随笔1

1、简要分析一下实现网页区分显示的原因以及技术原理？

之所以有这种区别，是因为PC端的网页不怎么适用于移动端的显示，而且PC端的流量更是比移动端的流量大很多，所以同样的资源在移动端加载比在PC端要消耗更多的时间和流量，造成更多的等待时间，给用户带来里不好的体验，这就决定的PC端和移动端不适用一套机制，可以根据useragent里面的浏览器相关的信息来判断是否是移动端设备的访问，从而返回不同的页面。

所以可以使用媒体查询的方式针对各种屏幕的大小设置不同的断点，然后根据这些断点来进行不同的样式编写，实现移动端的用户良好体验。也叫做WEB响应式设计。

 技术原理：媒体查询[@media screen and (max-960px)]/使我们根据设备的各种功能特性来设定相应的样式。媒体查询可以检测的特性有视口高度（height）、视口宽度（width）、device-width、device-height（设备屏幕的高度和宽度）、orientation（检查设备是处于横向还是纵向）、aspect-ratio：基于视口宽度和高度比、device-aspect-ratio基于渲染平面宽度和高度比、color各种颜色位数、color-index设备颜色索引表中的颜色数等等。

2、怎样提高H5小游戏的性能？

1. 显示停止计时器，让他们准备好垃圾回收
2. 使用事件监听器并在不需要时删除这些监听器
3. 在需要触摸交互性时显示禁止触摸交互
4. 尽可能重用对象，建立对象池，而不创建对象并对其垃圾回收
5. 多次调用类属性时，避免直接使用this.art。建立局部变量赋值
6. 减少不必要的引用
7. 在HTTP请求中加载单个文件的速度要优于加载多个文件