前端性能优化、二进制、流（Stream）、缓冲区（Buffer）、图片文件转Base64，Base64转Blob，Blob转File对象、js和css与dom执行关系、游览器进程、woker、new

一、前端性能优化
1.http 从页面请求一个页面地址到返回看到全部数据的优化：强缓存/协商缓存、减少/合并请求数量、带宽、cdn的域名不同页面访问域名 2.资源大小 Js/css/html合并压缩 3.优化图片 雪碧图：优点减少请求，缺点图片资源过大，jpg有损压缩，压缩率大，没有图片透明，png兼容性好，可以图片透明，webp在ios和webview存在兼容性问题，svg矢量图，内嵌代码。 4.Css/js加载和执行 css写在head，js写在body（后面说为什么） 注意：GUI 渲染线程为什么与 JS 引擎线程互斥，防止渲染线程前后获得的元素就可能不一致。 5.回流重绘 减少重排、重绘。 设置图层:可以直接使用CSS的will-change属性，该属性可以表明元素将修改特定的属性，让浏览器事先进行必要的优化。也就是说，will-change是一个UA提示，它不会对你使用它的元素产生任何样式上的影响。但

前端性能优化、二进制、流（Stream）、缓冲区（Buffer）、图片文件转Base64，Base64转Blob，Blob转File对象、js和css与dom执行关系、游览器进程、woker、new最先出现在Python成神之路。