前端性能优化

如何优化图像

1. 去掉无意义的修饰。除了内容图片，其他的图片的作用是修饰
最大的优化就是压根不要图片！所以在优化之前要做的，首先是确认设计，设计本身是否需要用那么多图片？还是说可以更简洁？

2. 不用图片
   直接使用CSS替代图片来实现修饰效果吧！如半透明、边框、圆角、阴影、渐变等，在当前主流浏览器中都可以用CSS达成。

3. 使用矢量图替代位图。对于绝大多数图案、图标等，矢量图更小，
   位图和矢量图的区别:
计算机中的图像类型分为两种：矢量图 和 位图
矢量图：

 矢量图其内容以线条和色块为主，它们都是通过数学公式计算获得的。本质上是很多个数学表达式的编程语言表达。

    矢量图和分辨率无关，它可以任意地放大且清晰度不变，也不会出现锯齿状边缘

    矢量图无法通过扫描获得，主要依靠设计软件生成。

位图：
位图是象素集合，位图是由像素点组合而成的图像，一个点就是一个像素，每个点都有自己的颜色。位图和分辨率有着直接的联系，分辨率大的位图清晰度高，其放大倍数也相应增加。但是，当位图的放大倍数超过其最佳分辨率时，就会出现细节丢失，并产生锯齿状边缘的情况

对前端工程师这个职位你是怎么样理解的？

a. 前端是最贴近用户的程序员，前端的能力就是能让产品从 90分进化到 100 分，甚至更好

b. 参与项目，快速高质量完成实现效果图，精确到1px；

c. 与团队成员，UI设计，产品经理的沟通；

d. 做好的页面结构，页面重构和用户体验；

e. 处理hack，兼容、写出优美的代码格式；

f. 针对���务器的优化、拥抱最新前端技术。