前端工程師理解

前端工程師在作：

　　一、在設計師和工程師之間建立可視化的語言；

　　二、用可視化的設計，定義一組表明內容、品牌和功能的組件；

　　三、爲Web應用程序的公約、框架、需求、可視化的語言和規格設定底線；

　　四、定義Web應用程序的設備、瀏覽器、屏幕、動畫的範圍；

　　五、開發一個質量保證指南來確保品牌忠誠度、代碼質量、產品標準；

　　六、爲Web應用程序設定適當的行距、字體、標題、圖表、填充等等；

　　七、爲Web應用程序設定多種分辨率的圖像，設備爲主的實體模型；

　　八、用account semantics,accessibility,SEO,schemas,microformats標記Web應用程序；

　　九、用一種友好的，消耗小的，設備和客戶端感知的方式鏈接API，獲取內容；

　　十、開發客戶端代碼來顯示流暢的動畫、過渡、延遲加載、交互、應用工做流程，大多數時間用來考慮漸進加強和向後兼容的標準；

　　十一、保證後臺鏈接安全，採起跨地域資源共享(CORS)的程序考慮，防止跨站點腳本(XSS)和跨站點請求僞造(CSRF)；

　　十二、最重要的是，儘管有嚴格的期限、利益相關者的要求，以及設備的限制，不管如今仍是未來永遠是「客戶第一」；

 

頂級前端工程師具有的技能：

　　一、瞭解DNS解析，充分利用CDN，使用多個域名來完成資源的請求以縮短加載時間；

　　二、設置HTTP Headers ( Expires,Cache-COntrol,If-Modified-Since )；

　　三、遵循Steve Sounders 給出的所有規則 ( High Performance Websites )；

　　四、知道如何解決 PageSpeed、YSlow、Chrome Dev Tools Audit、Chrome Dev Tools Timeline 顯示的全部問題；

　　五、知道什麼任務該放在服務端，什麼任務該放在客戶端；

　　六、知道使用緩存，DNS預取和資源預加載技巧；

　　七、精通javascript，知道什麼時候本身寫，什麼時候藉助別人的框架或代碼，優劣明辨；

　　八、熟練使用現代 MVC Javascript 框架 ( 例如 AngularJS EmberJS React 等 )，圖形庫 ( D三、SnapSVG等 )，DOM操做類庫 ( jQuery、Zepto 等)，惰性加載或者模塊管理類庫( 例如 RequireJS、CommonJS等)，任務調用工具( 例如 Grunt Gulp 等)，包管理工具( Bower Componentjs )以及測試工具( Protractor、Selenium 等)；

　　九、掌握圖片的格式，每種格式的優勢，適用場景；知道圖片優化技巧以及加載策略( 雪碧圖、懶加載、緩存刷新以及PNG交錯 )；

　　十、熟悉CSS標準、最新的轉換工具積極策略規範( 好比 EDM、SMACSS、OOCSS等 )；

　　十一、JavaScript的計算機科學( 內存管理、單進程特性、垃圾回收算法、定時器、做用域、提高以及設計模式)。