前端优化

性能优化

1.在请求以及文件大小方面
尽可能的将js、css文件合并为一个文件，减少了向服务器发送请求（webpack）
若浏览器支持，尽可能使用webp格式的图片代替其他图片格式
尽量使用字体图标或者SVG图代替传统的png图
尽量使用精灵图或者说时雪碧图（一方面可以减少向服务器发送请求，另一方面则是降低了资源占用空间大小）
可以适当的使用缓存技术，比如对于不怎么发生变化的数据，使用h5新增等的localstorage、sessionStorage，以减少发送请求的次数
2.对于代码优化相关
闭包-------在js中尽量减少使用闭包（因为闭包所在的上下文不会被释放）。
重绘和回流-----减少对DOM的操作，主要时减少DOM的重绘和回流。
-scc与js代码的位置----- 把css代码放在body上，把js代码放在body下面（以提高首屏加载的速度，当然也可以对script标签使用defer和async属性）。
css的导入方式-----css的导入尽量减少使用@import，因为@import是同步操作，可以使用link导入。
懒执行-----对某些特定的逻辑代码进行懒执行操作。主要用于某些耗时的逻辑操作，且不需要在首屏就使用时，便可以使用定时器或者时间调用来唤醒。
懒加载-------懒加载是将不关键的资源延后加载。

谈谈你对webpack的看法

使用webpack主要原因是为了简化页面依赖的管理。并且通过将其打包为一个文件来降低页面加载时请求资源数。
webpack主要原理是：将所有的资源看成一个模块，并且把页面逻辑当成一个整体，通过一个给定的入口文件，webpack从这个文件开始，找到所有的依赖文件，将这个依赖文件模板通过loader和plugins处理后，然后打包在一起，最后输出一个浏览器可以识别的js文件。