一、基本素養
1、在設計師和工程師之間創建可視化的語言；
2、用可視化的設計，定義一組代表內容、品牌和功能的組件；
3、爲Web應用程序的公約、框架、需求、可視化的語言和規格設定底線；
4、定義Web應用程序的設備、瀏覽器、屏幕、動畫的範圍；
5、開發一個質量保證指南來確保品牌忠誠度、代碼質量、產品標準；
6、爲Web應用程序設定適當的行距、字體、標題、圖標、餘糧、填充等等；
7、爲Web應用程序設定多種分辨率的圖像，設備爲主的實體模型，同時維護設計指南；
8、用account semantics, accessibility, SEO, schemas ，microformats 標記Web應用程序；
9、用一種友好的，消耗小的，設備和客戶端感知的方式連接API，獲取內容；
10、開發客戶端代碼來顯示流暢的動畫、過渡、延遲加載、交互、應用工作流程，大多數時間用來考慮漸進增強和向後兼容的標準；
11、保證後臺連接安全，採取跨地資源共享（ CORS ）的程序考慮，防止跨站點腳本（ XSS）和跨站點請求僞造（ CSRF ） ；
12、最重要的是，儘管有嚴格的期限、利益相關者的要求，以及設備的限制，無論現在還是將來永遠是「客戶第一」。
二、進階素養
1、DNS解析、使用CDN和關於multiple Hostnames as part of resources request.
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、緩存，預取和負荷技術的使用；
7、Native JS，知道何時從頭開始做，何時查找別人的代碼，同時可以評估這樣做的優缺點；
8、modern MVC Javascript libraries (e.g. AngularJS, EmberJS, ReactJS), graphic libraries (e.g. D3, SnapSVG), DOM manipulation libraries (e.g. jQuery, Zepto), lazy loading or package management libraries (e.g. RequireJS, CommonJS), task managers (e.g. Grunt, Gulp), package managers (e.g. Bower, Componentjs) and testing (e.g. Protractor, Selenium)的相關知識和用法；
9、CSS標準、modern conventions、 strategies (e.g. BEM, SMACSS, OOCSS)的知識和用法；
10、JS的電腦知識（內存管理，單線程的性質，垃圾收集算法，超時，範圍，提升，模式）
換句話說，如果說精通HTML+CSS+JS，瞭解後端知識，只是60分的合格前端；那麼要想成爲受追捧、拿高薪的80分優秀前端，要對業務需求和、架構設計有真正的運用；而100分的頂級前端，則必須要能夠兼顧技術和設計，更接近「以前端開發爲主的全棧工程師」了。