《編寫高質量代碼--Web前端開發修煉之道》 前言

作者：曹劉陽

??? 前端開發工程師是一個很新的職業，在國內乃至國際上真正開始受到重視的時間不超過5年。但是，隨著Web 2.0概念的普及和W3C組織的推廣，網站重構的影響力正以驚人的速度增長。XHTML+CSS布局、DHTML和Ajax像一陣旋風，鋪天蓋地席卷而來，包括新浪、搜狐、網易、騰訊、淘寶等在內的各種規模的IT企業都對自己的網站進行了重構。
??? 為什么它們會對自己的網站進行重構呢？有兩個方面的原因：
??? 第一，根據W3C標準進行重構后，可以讓前端的代碼組織更有序，顯著改善網站的性能，還能提高可維護性，對搜索引擎也更友好；
??? 第二，重構后的網站能帶來更好的用戶體驗，用XHTML+CSS重新布局后的頁面，文件更小，下載速度更快。
??? DHTML可以讓用戶的操作更炫，更吸引眼球；Ajax可以實現無刷新的數據交換，讓用戶的操作更流暢。對于普通用戶來說，一個網站是否專業、功能是否強大，服務器端是用J2EE+Oracle的強大組合，還是用ASP+Access的簡單組合，并沒有太明顯的區別。但是，前端的用戶體驗卻給了用戶直觀的印象。
??? 隨著人們對用戶體驗的要求越來越高，前端開發的技術難度越來越大，前端開發工程師這一職業終于從設計和制作不分的局面中獨立出來。前端開發技術包括三個要素：HTML、CSS和JavaScript，但隨著RIA的流行和普及，Flash/Flex、Silverlight、XML和服務器端語言也是前端開發工程師應該掌握的。前端開發工程師既要與上游的交互設計師、視覺設計師和產品經理溝通，又要與下游的服務器端工程師溝通，需要掌握的技能非常多。這就從知識的廣度上對前端開發工程師提出了要求。如果要精于前端開發這一行，也許要先精十行。然而，全才總是少有的。所以，對于不太重要的知識，我們只需要“通”即可。但“通”到什么程度才算夠用呢？對于很多初級前端開發工程師來說，這個問題是非常令人迷惑的。
??? 前端開發的門檻其實非常低，與服務器端語言先慢后快的學習曲線相比，前端開發的學習曲線是先快后慢。所以，對于從事IT工作的人來說，前端開發是個不錯的切入點。也正因為如此，前端開發領域有很多自學成“才”的同行，但大多數人都停留在會用的階段，因為后面的學習曲線越來越陡峭，每前進一步都很難。另一方面，正如前面所說，前端開發是個非常新的職業，對一些規范和最佳實踐的研究都處于探索階段。總有新的靈感和技術不時閃現出來，例如CSS sprite、負邊距布局、柵格布局等；各種JavaScript框架層出不窮，為整個前端開發領域注入了巨大的活力；瀏覽器大戰也越來越白熱化，跨瀏覽器兼容方案依然是五花八門。為了滿足“高可維護性”的需要，我們需要更深入、更系統地去掌握前端知識，這樣才可能創建一個好的前端架構，保證代碼的質量。
??? 一位好的前端開發工程師在知識體系上既要有廣度，又要有深度，所以很多大公司即使出高薪也很難招聘到理想的前端開發工程師。市面上有很多關于前端開發的書，這些書籍能很好地指導讀者掌握前端開發的基礎知識，能讓讀者達到會用的水平。然而，幾乎還沒有書能告訴開發者們如何才能用得更好，如何才能編寫出高質量的前端代碼，如何才能系統有效地組織前端架構……本書彌補了這方面的市場空白，它假定讀者已經具有一定的Web前端開發基礎，不會對基礎知識進行詳細介紹，主要精力放在如何編寫和組織高質量代碼上，從而提高代碼的可維護性。
??? 《編寫高質量代碼--Web前端開發修煉之道》 的重點不在于講解技術，而是更側重于對技巧的講解。技術非黑即白，只有對和錯，而技巧則見仁見智。本書是筆者個人的經驗分享，盡信書不如無書，大家可以有選擇地吸收，如果對書中的觀點或技巧有不同的見解，非常歡迎與筆者討論交流。大家可以通過郵箱cly84920@gmail.com與作者取得聯系，也可以通過群8791223參與到“如何編寫高質量前端代碼”的討論中來。
??? 在編寫 《編寫高質量代碼》 過程中，如何組織目錄一直是讓筆者非常糾結的事情：HTML、CSS和JavaScript是三門截然不同的語言，在實際應用過程中涉及的深度也各不相同，HTML需注意的事項較少，CSS次之，JavaScript最為復雜。所以，本書雖然會同時對這三個方面進行探討，但所用篇幅與它們的復雜度是成正比的。

????? 曹劉陽， 網名阿當，資深 Web 前端開發工程師，先后就職于中國雅虎和淘寶，現就職于新浪，一直從事 Web 前端開發工作，實戰經驗非常豐富，在通過提高代碼 質量來增強可維護性方面頗有心得。精通 HTML 、 CSS 、 JavaScript 等前端開發技術，對 ActionScript 、 Flex 、 PHP 、 RoR 等 Web 開發技術也有較深入的研究。致力于敏捷開發實踐，喜歡讀書，閱讀過大量技術書籍；擅于總結歸納，能將各種技術融會貫通。大家可以通過郵箱cly84920@gmail.com與曹劉陽取得聯系，也可以通過群8791223參與到“如何編寫高質量前端代碼”的討論中來。

編寫高質量代碼--Web前端開發修煉之道