技能
前端的技能其實(shí)除了JavaScript(包括NodeJS)、HTML、CSS以外，還有很多。其實(shí)前端的技能樹很大，這里只能列一些我開發(fā)中見到的說一說
語言基礎(chǔ)
JavaScript：
作用域鏈、閉包、運(yùn)行時(shí)上下文、this
原型鏈、繼承
NodeJS基礎(chǔ)和常用API
CSS：
選擇器
瀏覽器兼容性及常見的hack處理
CSS布局的方式和原理(盒子模型、BFC、IFC等等)
CSS 3，如animation、gradient、等等
HTML：
語義化標(biāo)簽
進(jìn)階
JavaScript:
異步控制(Promise、ES6 generator、Async)
模塊化的開發(fā)方式(AMD、CMD、KMD等等)
JavaScript解釋器的一些相關(guān)知識(shí)
異步IO實(shí)現(xiàn)
垃圾回 收
事件隊(duì)列
常用框架使用及其原理
jQuery：基于選擇器的框架，但個(gè)人認(rèn)為不能叫框架，應(yīng)該算工具庫，因?yàn)椴痪邆淠K加載機(jī)制，其中源碼很適合閱讀鉆研
AngularJS/Avalon等MVVM框架：著重理解MVVM模式本身的理念和雙向綁定的實(shí)現(xiàn)，如何解耦
underscore：優(yōu)秀的工具庫，方便的理解常用工具代碼片段的實(shí)現(xiàn)
polymer/React: 組件化開發(fā)，面向未來，理解組件化開發(fā)的原理
CSS和HTML：主要是CSS3的特性和HTML5的特性，以及瀏覽器處理的流程和繪制原理
DOM樹、CSSOM樹、渲染樹的構(gòu)建流程及頁面渲染的過程
解析HTML、CSS、JavaScript時(shí)造成的阻塞
HTML5相關(guān)
SVG及矢量圖原理
Canvas開發(fā)及動(dòng)畫原理(幀動(dòng)畫)
Video和Audio
flex box布局方式
icon fonts的使用
常用NodeJs的package：
koa
express
underscore
async
gulp
grunt
connect
request
一些理念：
響應(yīng)式Web
優(yōu)雅降級(jí)、漸進(jìn)增強(qiáng)
dont make me think
網(wǎng)頁可用性、可訪問性、其中的意義
SEO搜索引擎優(yōu)化，了解搜索引擎的原理
SPA的好處和問題
性能優(yōu)化：
減少請(qǐng)求數(shù)量(sprite、combo)
善用緩存(application cache、http緩存、CDN、localstorage、sessionstorage，備忘錄模式)
減少選擇器消耗(從右到左)，減少DOM操作(DOM和JavaScript解釋器的分離)
CSS的回流與重繪
項(xiàng)目
版本管理：首推Git，用過Git都不會(huì)想用SVN了
Git：本地版本管理的機(jī)制
SVN：遠(yuǎn)程中心的版本管理機(jī)制
自動(dòng)化構(gòu)建：主要就是less、模板、coffee等的預(yù)處理以及對(duì)代碼壓縮和合并
Gulp：基于流構(gòu)建，速度快、模塊質(zhì)量好
Grunt：獨(dú)立任務(wù)構(gòu)建，速度慢，配置蛋疼，靈活性高
預(yù)處理和模板引擎
less：語法簡(jiǎn)單，但功能有限
jade、ejs、velocity等模板引擎，各有各的長(zhǎng)處
coffee：python工程師最愛，我沒用過
環(huán)境搭建：主要是將線上代碼映射到本地，并在本地啟動(dòng)一個(gè)demo服務(wù)器，至于模擬數(shù)據(jù)的mock，見仁見智了
本地代理：ihosts
自動(dòng)化測(cè)試：在業(yè)務(wù)較為穩(wěn)定的情況下，可以通過自動(dòng)化測(cè)試來減少測(cè)試的事件，但需求較多的時(shí)候，維護(hù)測(cè)試用例的成本會(huì)很高，可能用自動(dòng)化測(cè)試會(huì)起到反效果
jasmine
mocha
生態(tài)系統(tǒng)
npm
bower
spm
搭建一個(gè)屬于自己的博客
git pages
hexo
jekyll
未來
Web Componets：面向未來的組件化開發(fā)方式
HTML模板
Shadow DOM
Custom Elements
HTML Import
移動(dòng)端Native開發(fā)：這也是需要了解的，以后前端工程師會(huì)經(jīng)常地和webview打交道，也要了解native開發(fā)
其他
有些東西不是考敲碼就能弄好的，我參與實(shí)習(xí)的時(shí)候感受到了很多，這些是我遇到的也是我感覺自己做的不好的地方
對(duì)于業(yè)務(wù)的思考：我個(gè)人這方面非常欠缺，所以放在最前面，在敲碼前要多思考業(yè)務(wù)
交流和溝通能力：這個(gè)非常重要，前端同時(shí)需要與項(xiàng)目經(jīng)理、產(chǎn)品、交互、后臺(tái)打交道，溝通不善會(huì)導(dǎo)致很多無用功，延緩項(xiàng)目
知識(shí)管理、時(shí)間管理：input和output的平衡，output是最好的input。如何做好分享，參與社區(qū)，做好交流，作好記錄
對(duì)新技術(shù)的渴望，以及敢于嘗試