面试--随笔1

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

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

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

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

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

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