web前端工程師必備

1、瞭解 DNS 解析，充分利用 CDN，使用多個域名來完成資源的請求以縮短載入時間；
2、設定 HTTP Headers（Expires, Cache-Control, If-Modified-Since）；
3、遵循 Steve Souders 給出的全部規則（High Performance Websites）
4、知道如何解決 PageSpeed、YSlow、Chrome Dev Tools Audit、Chrome Dev Tools Timeline 顯示的所有問題；
5、知道什麼任務該放在服務端，什麼任務該放在客戶端；
6、知道使用快取，DNS 預取和資源預載入技巧；
7、精通 JavaScript，知道何時自己寫何時借組別人的框架或程式碼，優劣明辨；
8、熟練使用現代 MVC JavaScript 框架（例如 AngularJS EmberJS React 等），圖形庫（D3、SnapSVG 等），DOM 操作類庫（jQuery、Zepto 等），惰性載入或者模組管理類庫（例如 RequireJS、CommonJS 等），任務呼叫工具（例如 Grunt Gulp 等），包管理工具（Bower Componentjs）以及測試工具（Protractor、Selenium 等）；
9、掌握圖片的格式，每種格式的優點，適用的場景；知道圖片優化技巧以及載入策略（雪碧圖、懶載入、快取重新整理以及 PNG 交錯）；
熟悉 CSS 標準、最新的轉換工具積極策略規範（比如 BEM、SMACSS、OOCSS 等）；
10、JavaScript 的電腦科學（記憶體管理、單程序特性、垃圾回收演算法、定時器、作用域、提升以及設計模式）。
換句話說，如果說精通 HTML+CSS+JS，瞭解後端知識，只是60分的合格前端；那麼要想成為受追捧、拿高薪的80分優秀前端，要對業務需求和、架構設計有真正的運用；而100分的頂級前端，則必須要能夠兼顧技術和設計，更接近「以前端開發為主的全棧工程師」了