123,123,123

內(nèi)容簡(jiǎn)介

　　《編寫高質(zhì)量代碼：Web前端開發(fā)修煉之道》以網(wǎng)站重構(gòu)為楔子，深刻而直接地指出了Web前端開發(fā)中存在的重要問題-代碼難以維護(hù)。如何才能提高代碼的可維護(hù)性？人是最關(guān)鍵的因素！于是《編寫高質(zhì)量代碼：Web前端開發(fā)修煉之道》緊接著全方位地解析了作為一名合格的前端開發(fā)工程師應(yīng)該掌握的技能和承擔(dān)的職責(zé)，這對(duì)剛加入前端開發(fā)這一行的讀者來說有很大的指導(dǎo)意義。同時(shí)，還解讀了制定規(guī)范和團(tuán)隊(duì)合作的重要性?！毒帉懜哔|(zhì)量代碼：Web前端開發(fā)修煉之道》的核心內(nèi)容是圍繞Web前端開發(fā)的三大技術(shù)要素——HTML、CSS和JavaScript來深入地探討編寫高質(zhì)量的HTML代碼、CSS代碼和JavaScript代碼的方法、技巧、規(guī)范和最佳實(shí)踐，從而為編寫易于維護(hù)的Web前端代碼打下堅(jiān)實(shí)的基礎(chǔ)。這不是一本單純的“技術(shù)”書籍，沒有系統(tǒng)地講解Web前端開發(fā)的基礎(chǔ)知識(shí)，它更專注于“技巧”，探索如何為“技術(shù)”提供最佳“技巧”?！毒帉懜哔|(zhì)量代碼：Web前端開發(fā)修煉之道》包含了大量的開發(fā)思想和原則，都是作者在長(zhǎng)期開發(fā)實(shí)踐中積累下來的經(jīng)驗(yàn)和心得，不同水平的Web前端開發(fā)者都會(huì)從中獲得啟發(fā)。尤其是對(duì)于那些中初級(jí)水平的讀者而言，《編寫高質(zhì)量代碼：Web前端開發(fā)修煉之道》是一本不可多得的內(nèi)功修煉秘籍。

作者簡(jiǎn)介

　　曹劉陽，網(wǎng)名阿當(dāng)，資深Web前端開發(fā)工程師，先后就職于中國(guó)雅虎和淘寶，現(xiàn)就職于新浪，一直從事Web前端開發(fā)工作，實(shí)戰(zhàn)經(jīng)驗(yàn)非常豐富，在通過提高代碼質(zhì)量來增強(qiáng)可維護(hù)性方面頗有心得。精通HTML、CSS、JavaScript等前端開發(fā)技術(shù)，對(duì)ActionScript、Flex、PHP、RoR等 Web開發(fā)技術(shù)也有較深入的研究。致力于敏捷開發(fā)實(shí)踐，喜歡讀書，閱讀過大量技術(shù)書籍；擅于總結(jié)歸納，能將各種技術(shù)融會(huì)貫通。

圖書目錄

推薦序
贊譽(yù)
前言
致謝
第1章從網(wǎng)站重構(gòu)說起
　1.1 糟糕的頁面實(shí)現(xiàn)，頭疼的維護(hù)工作
　1.2 Web標(biāo)準(zhǔn)—結(jié)構(gòu)、樣式和行為的分離
　1.3 前端的現(xiàn)狀
　1.4 打造高品質(zhì)的前端代碼，提高代碼的可維護(hù)性—精簡(jiǎn)、重用、有序
第2章團(tuán)隊(duì)合作
　2.1 揭秘前端開發(fā)工程師
　2.2 欲精一行，必先通十行
　2.3 增加代碼可讀性—注釋
　2.4 提高重用性—公共組件和私有組件的維護(hù) 　
　2.5 冗余和精簡(jiǎn)的矛盾—選擇集中還是選擇分散
　2.6 磨刀不誤砍柴工—前期的構(gòu)思很重要
　2.7 制訂規(guī)范
　2.8 團(tuán)隊(duì)合作的最大難度不是技術(shù)，是人
第3章高質(zhì)量的HTML
　3.1 標(biāo)簽的語義
　3.2 為什么要使用語義化標(biāo)簽
　3.3 如何確定你的標(biāo)簽是否語義良好
　3.4 常見模塊你真的很了解嗎
　　3.4.1 標(biāo)題和內(nèi)容
　　3.4.2 表單
　　3.4.3 表格
　　3.4.4 語義化標(biāo)簽應(yīng)注意的一些其他問題3
第4章高質(zhì)量的CSS4
　4.1 怪異模式和DTD
　4.2 如何組織CSS
　4.3 推薦的base.css
　4.4 模塊化CSS—在CSS中引入面向?qū)ο缶幊趟枷?　
　　4.4.1 如何劃分模塊—單一職責(zé)
　　4.4.2 CSS的命名—命名空間的概念
　　4.4.3 掛多個(gè)class還是新建class —多用組合，少用繼承
　　4.4.4 如何處理上下margin
　4.5 低權(quán)重原則—避免濫用子選擇器
　4.6 CSS sprite
　4.7 CSS 的常見問題
　　4.7.1 CSS的編碼風(fēng)格
　　4.7.2 id和class
　　4.7.3 CSS hack
　　4.7.4 解決超鏈接訪問后hover樣式不出現(xiàn)的問題
　　4.7.5 hasLayout4
　　4.7.6 塊級(jí)元素和行內(nèi)元素的區(qū)別
　　4.7.7 display:inline-block 和 hasLayout7
　　4.7.8 relative、absolute和float3
　　4.7.9 居中4
　　4.7.10 網(wǎng)格布局
　　4.7.11 z-index的相關(guān)問題以及Flash和IE 6下的select元素
　　4.7.12 插入png圖片
　　4.7.13 多版本IE并存方案—CSS的調(diào)試?yán)鱅ETester
第5章高質(zhì)量的JavaScript
　5.1 養(yǎng)成良好的編程習(xí)慣
　　5.1.1 團(tuán)隊(duì)合作—如何避免JS沖突
　　5.1.2 給程序一個(gè)統(tǒng)一的入口—window.onload和DOMReady
　　5.1.3 CSS放在頁頭，JavaScript放在頁尾
　　5.1.4 引入編譯的概念—文件壓縮
　5.2 JavaScript的分層概念和JavaScript庫
　　5.2.1 JavaScript如何分層
　　5.2.2 base層3
　　5.2.3 common層
　　5.2.4 page層4
　　5.2.5 JavaScript庫
　5.3 編程實(shí)用技巧7
　　5.3.1 彈性7
　　5.3.2 getElementById、getElementsByTagName和getElements-ByClassName3
　　5.3.3 可復(fù)用性
　　5.3.4 避免產(chǎn)生副作用9
　　5.3.5 通過傳參實(shí)現(xiàn)定制3
　　5.3.6 控制this關(guān)鍵字的指向7
　　5.3.7 預(yù)留回調(diào)接口
　　5.3.8 編程中的DRY規(guī)則
　　5.3.9 用hash對(duì)象傳參
　5.4 面向?qū)ο缶幊?
　　5.4.1 面向過程編程和面向?qū)ο缶幊?
　　5.4.2 JavaScript的面向?qū)ο缶幊?
　　5.4.3 用面向?qū)ο蠓绞街貙懘a
　5.5 其他問題
　　5.5.1 prototype和內(nèi)置類
　　5.5.2 標(biāo)簽的自定義屬性
　　5.5.3 標(biāo)簽的內(nèi)聯(lián)事件和event對(duì)象
　　5.5.4 利用事件冒泡機(jī)制
　　5.5.5 改變DOM樣式的三種方式
附錄A 寫在規(guī)則前面的話
附錄B 命名規(guī)則
附錄C 分工安排
附錄D 注釋規(guī)則
附錄E HTML規(guī)范
附錄F CSS規(guī)范
附錄G JavaScript規(guī)范