《web全栈工程师的自我修养》

1.做自己感兴趣的事情，学你想学的知识，不要怕走偏了，如果有人说你不务正业，那就让他们说去吧。如果你能远离传统的路子，你将会不同凡响。

2.全栈工程师应该一专多长

3.结构、表现和行为相分离---HTML结构、CSS表现、JavaScript行为

4.三个能力：一专多长，关注商业目标，关注用户体验。

5.WEB性能优化（服务器端和浏览器端）

1.压缩源码和图片

javascript文件源代码可以采用混淆压缩的方式，css文件源代码进行普通压缩，jpg图片可以根据具体质量来压缩为20%到70%，png 可以使用一些开源压缩软件来压缩，比如24位色变成8色、去掉一些png信息格式等等。

2.选择合适的图片格式

如果图片颜色数较多就用jpg格式，如果图片颜色较少就使用png格式，如果能够通过服务器端判断浏览器支持WebP,那么就使用WebP格式和SVG格式。

3.合并静态资源

包括css，javascript和小图片，减少HTTP请求。

4.开启服务器端的Gzip压缩

这对文件资源非常有效，对图片资源则没那么大的压缩比率

5.使用CDN

或者使用一些公开库使用第三方提供的静态资源地址（比如jquery、normalize.css）。一方面增加并发量，另一方面能够和其他网站共享缓存。

6.延长静态缓存时间

这样，频繁访问网站的访客就能够更快地访问。不过，这里要通过修改文件名的方式，确保在资源更行的时候，用户会拉到最新的内容。

7.css放页面头部，js页面放底部

这样就不会阻塞页面渲染，让页面出现长时间的空白，每一个条目都可以进一步深层挖掘下去。