回顧與展望
大學兩年前，小釵發了一篇水文：兩年內，我要成為國內優秀的前端技術人員！
從那以后小釵又回到了大學的學習狀態，晚上會私下學習總結，周末學習新知識，跌跌撞撞，兩年時間快結束了，兩年時間小釵經歷了些神馬呢？今天來一篇總結的水文。
01 重復讀了兩本經典的前端書籍：《Javascript高級程序設計》、《CSS權威指南》，基礎知識得到了鞏固
02 換了一個工作，經過一輪業務開發，進入框架組，開始全站基礎框架開發
03 工作中逐漸接手框架核心業務，面向對象思維，框架思維，設計思想逐漸得到熏陶
04 研究webapp模式的框架，接觸並解決移動端各種各樣難題，如300ms延遲，點透、層級管理、兼容性，渲染問題......
05 源碼學習，包括：zepto、Backbone、underscore、requireJS、Fastclick、IScroll......
06 公司業務產生井噴效應，業務快速發展，全站CSS文件三易其手，框架龐大化、復雜化，公司架構變化，由無線框架組轉戰公司框架組
07 框架積重難返，要做優化不易，思考之前所學，由工作總結出輕量級webapp框架blade，並再上做大量優化
08 框架變慢，維護成本變高，團隊開始框架升級，將blade的優化成果重新回歸框架
09 開始全站優化，與幾位老大哥優化框架，框架尺寸下降1/3，框架結構清晰
10 開始全站樣式遷移，分拆CSS入各個UI，引入shadow dom技術，梳理全站樣式，樣式文件尺寸下降一半
11 過程中寫了接近200篇博客；然后接觸了很多高手，如Aaron、OD、左盟主、周文斌、結衣等
所以，在接近兩年的時間里，我覺得我勉強能算得上優秀的前端技術人員了，我的第一個計划算是實現了吧？溫故而知新，於是第二輪的計划也要開始了
后兩年計划，成為一個合格的架構師，所以15年的計划是：
① 全站優化整理總結
② web components研究
③ 正則、nodejs
④ 架構思想、文檔水平學習提升
⑤ webapp框架再研究，pad方案、seo方案研究
⑥ 移動端調試工具研究
⑦ 深化重構思想、深化面向對象思想、深化工程思維
⑧ 擴大視野
新手建議
工作態度
還是那句老話，一個人進入優秀的團隊，再遇到一個好的老大，那簡直就是中了彩票一樣，不知不覺自己就成長起來了
但是，這種幾率卻很低，所以多數朋友的工作是不如意的，不如意的原因各種各樣，但是我還是認為責任主要在自己，因為沒有團隊會放棄創造價值的人
你在團隊不如意，一定是你自己不努力，如果你努力了仍然不如意，就是你努力的時間不夠長，如果你自己真的做的很好了還是不如意的話
我就建議你離職了，因為經過你如此的工作，離職漲個50%完全不是問題，問題是你是不是真的在努力
其實以我最近兩年的經歷來說很多朋友也許覺得我很幸運，進了大公司，還擔當了重要的業務，做了好多優化，事實上哪里那么簡單？？？
最初進入無線團隊時候，我也只是完成一些簡單的業務工作，只不過自己私下去吸收了整個框架代碼，不懂就問，對前輩尊重，態度良好
一個月后，框架組吸收熟悉框架的人，我順理成章的進入框架組學習，並接手一些簡單的業務；然后leader會逐漸出招，讓你去抗難的甚至瑣碎的事物，比如文檔維護什么的、性能對比。
你每次都接招成功后，並且還會干出幾件出彩的事情，老大哥們自然信任你，喜歡你，單純技術好意義不大，產出高技術好才是王道，所以開發不但需要技術好，還得情商高，態度好！
但是，優秀團隊，好的leader這種好的事情，今天就出現了，我原來的leader招聘，錢多人傻，速來，有能者請與我聯系！！！
書籍推薦
書籍這個事情貴精不在多，我這里推薦兩本即可：
《javascript高級程序設計》
《CSS權威指南》
為什么只推薦兩本呢？因為我發現很多朋友看書其實是有問題的，我個人看javascript高級程序設計至少三篇，其中寫了很多demo
而很多朋友看書就跟看連環畫似的，第一次看一個星期就看完了，我是該說你悟性高呢還是喜歡裝B啊，這種書要細看，要慢慢看，要反復看
學習要有成果，學習要有效率，比如這小半年我就干了這些事情，是拿的出來的：
那各位看書后，或者看博客后會留下痕跡么，如果留不下痕跡，那么多數就給忘了
看經典的書切記要細，切記要看懂，看不懂就反復看，最后一定要留下學習成果
源碼閱讀
第三個階段當然是讀源碼了，一定要讀源碼，而且必須好好讀！！！這里尤其推薦讀自己熟悉並且不太包含思想的源碼
比如我上個星期看了下backbone就搞得莫名其妙的，原因是沒有用過，這里推薦幾個庫：
Zepto
zepto與jquery類似，說白了就是借鑒，但是zepto很是輕便，讀起來輕松，但是首次讀若是沒有半個月的話基本就是沒讀（不考慮神人）
因為工作后很少專門有時間去讀源碼，讀的時候要細細的讀，看不懂的地方就反復看，慢慢的就全部清晰了
zepto讀完后，整個js的水平會看似上升一大截，這個時候再加緊來點經驗就穩穩的前端入門了
underscore
第二個推薦的庫是underscore，這個庫比zepto還要簡單，建議好好讀下，務必讀明白，不要不懂裝懂
Fastclick
若是有移動端編程經驗的朋友，建議好好的讀下這個庫，寫的非常不錯，完了后會讓你對移動端的事件兼容有深入的理解
iScroll
與Fastclick類似的庫
初級程序員讀以上幾個庫就差不多了，而且建議花一到兩個月詳細的研究一個庫，並且將里面的思想用於項目中去，這樣才能真正的吸收
讀源碼不是看熱鬧，看熱鬧會一問三不知
與高手交流
以上幾個階段結束后，就可以去外面看看自己的斤兩了，真的做到以上的朋友，基本是面幾個有幾個了，真正的瓶頸就出現在大公司了
這個時候又到了另外一個階段：
① 深度-細節點
② 廣度-知識面
以細節點來說，真正的高手一個javascript事件機制就可以問的多數人啞口無言：
① javascript綁定事件的方式
② javascript事件對象
③ 自定義事件
④ 如何觸發自定義事件
⑤ zepto/jquery事件機制
⑥ 解決移動端300ms延遲
⑦ ios android事件差異
⑧ 事件冒泡/捕獲機制以及鬼點擊
⑨ javascript事件底層實現......
以CSS來說，一個position就夠了
① Position的各種屬性值
② 行內元素塊級元素
③ 行高問題
④ fixed在移動端的問題
⑤ 由fixed引導至viewport
⑥ 縮放等等問題......
所以，javascript真正的高手對這些把握是很細的，不是全部都會，但不可能全部都不會。這里可能會有朋友提出學院派以及實干派的想法
其實我的道友Aaron就是真正的實干派，完全白手起家，他就肯定知道這些問題，至少七七八八
所以深度一定要有，而且是慢慢積累的，不信看正美那700篇博客吧，有了深度再提廣度，不然你的廣度就不值錢
深度完了就是廣度，光有深度還不夠還得有廣度，廣度代表業務能力，代表工作水平
① nodejs
② 打包工具
③ H5嵌入APP
④ 移動端調試工具（如何在手機console，如何在頁面上調試手機程序）
⑤ 壓縮工具
⑥ 項目管理工具（git/svn）
⑦ 各種開源框架
這些都是廣度的體現，優秀的人不只是知識穩固，而且還能推動團隊使用新技術，帶給團隊不一樣的感覺
前端知識點繁雜，絕不止局外人看見的那么點
若是你發現各個大公司想去就去，offer拿到手軟了，那么恭喜你，你成為了中級程序員了！！！！
然后再怎樣我就真不知道了，我的眼界暫時只能到這里了，希望對處於迷茫階段的前端同學有所幫助
招聘信息
招聘要求：
不要提錢，那個團隊不差錢，就是非常任性！！！
① 前端高手
② 可培養、吃苦耐勞型優質新手資源
③ 有開源框架甚好
④ 能讀流行源碼甚好
⑤ 工作3年以上甚好
⑥ 有大項目經驗，大項目優化建議甚好
水文結束，不喜勿噴，想面試的請私信