Web前端企业笔试题-工具事项篇
1、DOM操作优化：
避免在document上直接进行频繁的DOM操作
使用classname代替大量的内联样式修改
对于复杂的UI元素，设置position为absolute或fixed
尽量使用css动画
适当使用canvas
尽量减少css表达式的使用
2、减小资源体积：可以通过以下几个方面进行实施：
gzip压缩、js混淆、css压缩、图片压缩
gzip压缩主要是针对html文件来说的，它可以将html中重复的部分进行一个打包，多次复用的过程。js的混淆可以有简单的压缩(将空白字符删除)、丑化(丑化的方法，就是将一些变量缩小)、或者可以使用php对js进行混淆加密。css压缩，就是进行简单的压缩。图片的压缩，主要也是减小体积，在不影响观感的前提下，尽量压缩图片，使用png等图片格式，减少矢量图、高清图等的使用。这样子的做法不仅可以加快网页显示，也能减少流量的损耗
3、优化前端性能的方法有哪些？
web应用，总是会有一部分的时间浪费在网络连接和资源下载方面。往往建立一次网络连接是需要时间成本的。而且浏览器同一时间所发送的网络请求数是有限的。所以，这个层面的优化可以从「减少请求数目」开始：
1、减少http请求：在YUI35规则中也有提到，主要是优化js、css和图片资源三个方面，因为html是没有办法避免的。因此，我们可以做一下的几项操作：
合并js文件、合并css文件、雪碧图的使用(css sprite)、使用base64表示简单的图片
上述四个方法，前面两者我们可以使用webpack之类的打包工具进行打包；雪碧图的话，也有专门的制作工具；图片的编码是使用base64的，所以，对于一些简单的图片，例如空白图等，可以使用base64直接写入html中
以上就是Web前端关于工具事项的面试题，想了解更多前端欢迎随时来上元IT咨询！！！
