前進的方向 沒有方向就是蒙着眼睛的驢子原地踏步 一年經驗混十年 說的真是太好了 必需要粘貼複製下來文章（司徒正美）

         歷時兩年多，個人書終於付梓出版了。應各方面的要求，寫軟文一篇，隆重介紹一下此書對各位程序員的錢途有什麼幫助及閱讀順序等疑問。做爲國內第一本講述前端框架構的書，它裏面充斥着許多你們前所未聞的知識，這些知識有50%只見於github的issue，講述各類隱祕的瀏覽器兼容性問題及各類神奇的修復方案，或者是某些危險但美麗的黑魔法，另外50%我深夜夢遊般在外國某些大牛（不侷限於英語，有日語，俄語，韓語等，不一樣的語言的人，受制了他們的語法結構，他們的思考迴路是與咱們不一樣的，給出的答案有時真的是拍案叫絕）的博客或網站瞥見的神奇東東。在我經過編寫dom Framework, mass Framework這兩大框架（dom Framework是老式的金字塔式的基於類的大框架， mass Framework是擁有AMD加載器的開放式框架，再後來的avalon，是鬼怪式的分層構架的MVVM框架，黑魔法滿滿的），創建完整的知識樹後，開始狂熱如征服六國後的秦王，熱衷於收集各類奇珍異寶於個人博客——大家看的部分，只是我未公開的十分之一而已，本書將額外開恩公佈另外的十分之二。

         這裏寫的很霸氣呀。就是要有這種自信。

         其實這世界很奇妙的，當你水平上去後，就算你不想繼續，這世界也推進着你前進。就像jQuery1.3經過Sizzle大獲成功後，成爲世界的明星，就算John Resig想撒手，但這麼多pull request，它也只能從更好變成更加好！三年前，當我寫了三百多篇的博文，出版社已經找上門來了。在那半年內，總共有三四家來找我，讓我看到前端的但願。因而個人重心由ruby慢慢轉向javascript。待到我加入盛大創新院後，我已經確保我能hold住《javascript框架設計》這個大題目，因而簽約寫書。不過，在最初我提交給出版社的目錄裏，我有着更爲恢宏的目標，包含拖放組件， 路由系統， 及各式UI組件，但最後因爲篇幅的問題，只好說聲抱歉了。

野望老是被現實所掣肘，亞歷山大想證實世界，可他的HP也是這麼短，經不起長途跋涉。實體書與博客是不一樣的，它必需要造成一個體系，文體也有要求，不能太口語化，什麼喜樂哀痛必須收起來，板着臉正正經經地對你們宣講。錯別字也要收殮一下，雖然我找了許多高手審稿了。惋惜個個都開寫輪眼，自動過濾掉錯別字，最終仍是讓出版社的張濤大大幫忙處理了大部分錯別字與病句，太專業的東西他也無能爲力，希望不影響閱讀。幸虧各位大神貢獻了很多冷癖有用的知識點，讓本書充實了很多，所以才一改再改，三番四次，致使兩年多才交稿。在盛大建立院時，不斷有人（同事或羣友）問個人書何時出來，人家半年就搞出一本了。我今天終於不爲這問題煩惱了。

         在繼續這篇軟文時，我腦海真的是閃現許多詞彙，什麼大教堂與集市，造輪子與DRY，公司利益與我的成長……一個個來吧

大教堂與集市說的是如何構建一個軟件工程，是大教堂式的專制主義仍是開放式的以衆包方式讓你們貢獻源碼。前者，緩和一點地說，是英雄主義，jQuery之於John Resig， Node.JS之於Ryan Dahl，他們單人匹馬開創了一個新天地。後者，最傑出的表明是Linux。但在這個互相浸透學習的世界，絕對的東西是不存在的。jQuery與Node.JS如今也是在衆多的項獻者的努力一下前進，原做者向新目的地進發了。在國內，你懂的，每一個人都自命不凡，一開始只能是你一個踽踽獨行。只有你真正成爲明燈式的人物後，纔有人追隨。

造輪子與DRY這問題也新浪微博上也吵過許屢次了。有個軟件設計原則叫DRY，防止組員們隨意克隆代碼，或在不知情的狀況下重複發明類似的功能模塊。公司出於利益的考慮，也不肯給時間組員本身去造輪子，上網找一個jQuery插件了事。所以，小中公司的頁面很是恐怖，允斥着大量第三方插件，而相對而言，大阿狸能用的基本本身作，這正是游擊隊與正規軍的區別。從國內看，最重視JS的公司也偏偏是大阿狸，他們擁有國內最龐大優秀的前端團隊（700多人），小公司仍是一個前端對20個後端的節奏。招這麼多高手幹嗎呢？造輪子！固然，這不是一個輪子所表明的，這涉及一整套的工具鏈，目的是實現前端自動化集成佈署。寫框架與UI組件保是其中一個不多環節，這也是通常人能理解的東西，更多高大上的東西，大公司也不會公開出來。但你起碼擁有創造UI組件這樣的能力，才能讓你碰更底層的工具。

公司利益與我的成長，這個更不用說。只有目光短淺的公司，纔會用雜牌的組件寫碼。大公司早已爲你準備一整好東西了。而你的任務就是成長到具備寫UI組件的地步，進入架構師，爲公司的將來挑戰作好更多準備（工具）。HTML5對於通常人而言，好像是很是遙遠的事，但大公司早已有一幫人用它作出許多好東西，爲公司產品的用戶體驗添磚加瓦。爲了積聚這實力，你必須本身暗暗發力，偷偷本身寫一套東西。以前人家寫過的彈出層，富文本編輯器，語法高亮插件……你一套也不能少，這樣你才能接觸到以前碰不到的原生API與知識點。如彈出層有關垂直居中的CSS知識點，select穿透問題，富文本編輯器用到的iframe知識點，Range與Selection對象的知識點，語法高亮則是你正則的大檢驗！若是寫業務代碼，你寫十年，水平仍是那樣。所以有句話說——「用一年的經驗混十年」

最近在微博看到一件可怕的事：

【我所瞭解的一個精神失常的程序員】http://t.cn/8sinEOr 不久前咱們公司有個程序員精神失常。他走進經理辦公室開始大喊大叫，說着一些奇怪的事情。若是我不是像瞭解本身一下了解他，就會覺得他磕了藥。可是事實上他簡直就是精神失常了！

他是我在編程行業見過的最勤奮員工。他常常在下班後加班，週末的時候，當管理人員須要人手去處理緊急工做時，他老是隨叫隨到。在這個階段公司並不賺 錢，老闆須要儘量快的完成項目，因此任何被客戶急催的軟件開發都會自動分配給他。他很樂意地全心投入把工做作完正是老闆喜歡的地方。

"我能力強，我效率高，我應該是公司的關鍵人物"，其實那是錯的，不可替代性纔是最重要的。若是靠「賣力」增長不可替代性，做用是微乎其微的，仍是得靠「高門檻」。我認識的工程師裏，越是技術好的工程師越會意識到這個問題，而後去作一些"深度"的發展，這也算是工程師的自我保護吧。說什麼作IT沒前途，30歲要轉行，這只是無能者的藉口。

古人說——「人無遠慮，必有近憂」。你平時有這麼多空閒時間，爲什麼不努力提高一下本身的水平呢。不去認真閱讀一下大師們的框架，不本身寫一個框架。記得當初我在博客宣傳個人框架，被某個嫉妒的人罵個狗血噴頭，兩年過去，他消聲匿跡，而我，從一個公司的核心前端變爲另外一個公司的核心前端，如今是去哪兒網的前端架構師。所以要相信本身！不要怕這怕那，有努力就有回報！

        再回來講個人書，前端的知識點是很是龐雜的。但知識只有串起來，造成知識樹纔是你本身的。如今市面上的書，基本上抄來抄去，仍是依照老舊的方法教人，一開始老是歷史回顧，而後是各類數據類型介紹，而後是語法（條件分支，循環分支）什麼的，最後再來幾個「真實案例」。這對於90%半路出家的前端來講，未免太悶了。並且前端不僅僅是javascript， javascript只是水泥， 或者說儲如化學分子這東西，而咱們工做是爲了構建一整座大廈！只有肉眼看到的物理級別的東西纔是主角。它們就是本書的重點， DOM與BOM。 javascript經過特性偵測或傳參等，進入不一樣的分支，來解決前端臭名昭著的兼容性問題。本書介紹了大量這樣的黑魔法，如何知道當前瀏覽器是支持這個事件呢？ 爲什麼在這裏要劫持this呢？ 怎麼樣讓選擇器引擎跑得更快。因而這一個個疑問，便化解成本書所介紹的知識點，什麼AMD加載器， 選擇器引擎，批量生成一堆元素節點……

        全部前端框架面對的問題都是同樣，不一樣的是解決手段的高下程度。因而Prototype死了，jQuery火了。 angular爆發了， jQuery沉寂了！本書的章節就是按照編寫一個多文件框架的順序來寫。最開始確定是種子模塊，定義框架的名字與版本號，與一些最核心的方法，還有加載器。而後經過加載器，添加一些經常使用的工具模塊，對javascript語言進行擴張與修復。以後是數據緩存什麼的，再以後是主菜，各類DOM問題， 節點啊， 樣式啊， 事件啊， 動畫啊……最後是MVVM，當前最強大的前端解決方案。經過引入雙向綁定與分層架構，徹底脫離DOM進行前端開發。

你或者有過激情，你或者有過夢想，但當你的KPI考覈點是PM那些荒唐的改來改去的功能點，多熾熱的火焰也會被澆滅。所以你必需要搞出一點東西出來，努力爬上去。是廢命於加班，每天寫業務，仍是專一於底層框架的研發，爲某個難題而苦惱，徹底在於你一念之差。「是金子總會發光的」，或「是石頭到哪都不會發光的」，也徹底在於你一念之差。本書將爲你提供了一個可能性及一大堆技能點，打開了一個美麗的新世界，提供了一個X年不遇的機會，準備了一個迅速上升的渠道。

可能有些人會嫌它貴，也有些人怕本身看不明白這麼「高大上」的東西。我說一個故事吧。

一個特別喜好昆蟲的人作了這樣一個實驗：他將跳蚤放進敞口的瓶子裏，它馬上便跳了出來。當把瓶子蓋上時，跳蚤仍是會竭力跳出瓶子，它不停地撞擊着瓶蓋的內側。一個多小時後，他還在那樣跳着。差很少三個小時後，它依然在跳，只是它再也不撞着瓶蓋了，此時它跳的高度離瓶蓋大約1釐米左右，並且每一次都是如此。這時，瓶蓋被拿掉了，可是跳蚤並無跳出瓶口，它依然保持着有瓶蓋時的高度，再也跳不出瓶口。

同理，若是你，總嫌這個貴那個貴，你又不努力改變現狀，過了一段時間，你就會習慣了，就會安於貧困了。就像瓶子的跳蚤那樣安於天命，永遠困死在瓶子裏。

怕本身理解不了這東西，這雖然是一個理智的考量，但只要是人就會遇到瓶頸，但問題是如何突破瓶頸。瓶蓋又不是老是蓋上的，有機遇你得抓住！

我也曾畢業找不到工做，潦倒到當了一年保安。但我相信「是金子總會發光的」，我終會一舉成名，我如今只是一隻受傷的野狼，我不會被命運所屈服馴化。所以跟我咆哮吧——

無名的生命之花 已慘遭摧殘踐踏 一度墜地的飛鳥 正焦急以待風起 一味埋頭祈禱 卻不會有任何改變 若想有所改變 就請起而奮戰吧 踏過屍體前行的咱們 嘲笑這進擊意志的豬玀啊 家畜般的安寧 那虛僞的繁榮 請賜予誓死之餓狼以自由！ …… ——進擊的巨人OP《紅蓮の弓矢》

閱讀順序，原則上沒什麼要求，但第2章、第6章、第14章、第16章是很是有挑戰性的，你們能夠延後閱讀。若是基礎不太好，能夠先從第3章看起，跳過我說的那些比較難的章節。本書已經很把寫一個前端框架所須要掌握的知識點與細節所有挖掘出來了，剩下的就是靠大家的造化。總之，儘快造成本身的知識樹，才能獨檔一面。