此部分為隱藏內(nèi)容，請(qǐng)輸入驗(yàn)證碼后查看
掃描右側(cè)圖片或微信搜索 “ Java技術(shù)分享屋
” ，回復(fù) “ 驗(yàn)證碼
” ，獲取驗(yàn)證密碼。
本資料僅供讀者預(yù)覽及學(xué)習(xí)交流使用，不能用于商業(yè)用途，請(qǐng)?jiān)谙螺d后24小時(shí)內(nèi)刪除。如果喜歡，請(qǐng)購買正版！
一.資料圖片
二.資料簡介
本書以網(wǎng)站重構(gòu)為楔子，深刻而直接地指出了Web前端開發(fā)中存在的重要問題—代碼難以維護(hù)。如何才能提高代碼的可維護(hù)性？人是最關(guān)鍵的因素！于是本書緊接著全方位地解析了作為一名合格的前端開發(fā)工程師應(yīng)該掌握的技能和承擔(dān)的職責(zé)，這對(duì)剛加入前端開發(fā)這一行的讀者來說有很大的指導(dǎo)意義。同時(shí)，還解讀了制定規(guī)范和團(tuán)隊(duì)合作的重要性。
本書的核心內(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ù)”提供最佳“技巧”。
本書包含了大量的開發(fā)思想和原則，都是作者在長期開發(fā)實(shí)踐中積累下來的經(jīng)驗(yàn)和心得，不同水平的Web前端開發(fā)者都會(huì)從中獲得啟發(fā)。尤其是對(duì)于那些中初級(jí)水平的讀者而言，本書是一本不可多得的內(nèi)功修煉秘籍。
三.作者簡介
曹劉陽，網(wǎng)名阿當(dāng)，資深Web前端開發(fā)工程師，先后就職于中國雅虎和淘寶，現(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.1 糟糕的頁面實(shí)現(xiàn)，頭疼的維護(hù)工作/2
1.2 Web標(biāo)準(zhǔn)—結(jié)構(gòu)、樣式和行為的分離/4
1.3 前端的現(xiàn)狀/6
1.4 打造高品質(zhì)的前端代碼，提高代碼的可維護(hù)性—精簡、重用、有序/8
第2章 團(tuán)隊(duì)合作/9
2.1 揭秘前端開發(fā)工程師/10
2.2 欲精一行，必先通十行/13
2.3 增加代碼可讀性—注釋/15
2.4 提高重用性—公共組件和私有組件的維護(hù)/15
2.5 冗余和精簡的矛盾—選擇集中還是選擇分散/16
2.6 磨刀不誤砍柴工—前期的構(gòu)思很重要/17
2.7 制訂規(guī)范/18
2.8 團(tuán)隊(duì)合作的最大難度不是技術(shù)，是人/18
第3章 高質(zhì)量的HTML/19
3.1 標(biāo)簽的語義/20
3.2 為什么要使用語義化標(biāo)簽/21
3.3 如何確定你的標(biāo)簽是否語義良好/26
3.4 常見模塊你真的很了解嗎/36
3.4.1 標(biāo)題和內(nèi)容/36
3.4.2 表單/38
3.4.3 表格/40
3.4.4 語義化標(biāo)簽應(yīng)注意的一些其他問題/43
第4章 高質(zhì)量的CSS/44
4.1 怪異模式和DTD/45
4.2 如何組織CSS/46
4.3 推薦的base.css/49
4.4 模塊化CSS—在CSS中引入面向?qū)ο缶幊趟枷?55
4.4.1 如何劃分模塊—單一職責(zé)/55
4.4.2 CSS的命名—命名空間的概念/60
4.4.3 掛多個(gè)class還是新建class —多用組合，少用繼承/66
4.4.4 如何處理上下margin/72
4.5 低權(quán)重原則—避免濫用子選擇器/81
4.6 CSS sprite/85
4.7 CSS 的常見問題/88
4.7.1 CSS的編碼風(fēng)格/88
4.7.2 id和class/89
4.7.3 CSS hack/89
4.7.4 解決超鏈接訪問后hover樣式不出現(xiàn)的問題/93
4.7.5 hasLayout/94
4.7.6 塊級(jí)元素和行內(nèi)元素的區(qū)別/95
4.7.7 display:inline-block 和 hasLayout/97
4.7.8 relative、absolute和float/103
4.7.9 居中/104
4.7.10 網(wǎng)格布局/112
4.7.11 z-index的相關(guān)問題以及Flash和IE 6下的select元素/122
4.7.12 插入png圖片/129
4.7.13 多版本IE并存方案—CSS的調(diào)試?yán)鱅ETester/131
第5章 高質(zhì)量的JavaScript/133
5.1 養(yǎng)成良好的編程習(xí)慣/134
5.1.1 團(tuán)隊(duì)合作—如何避免JS沖突/134
5.1.2 給程序一個(gè)統(tǒng)一的入口—window.onload和DOMReady/148
5.1.3 CSS放在頁頭，JavaScript放在頁尾/159
5.1.4 引入編譯的概念—文件壓縮/160
5.2 JavaScript的分層概念和JavaScript庫/162
5.2.1 JavaScript如何分層/162
5.2.2 base層/163
5.2.3 common層/181
5.2.4 page層/184
5.2.5 JavaScript庫/185
5.3 編程實(shí)用技巧/187
5.3.1 彈性/187
5.3.2 getElementById、getElementsByTagName和getElements-
ByClassName/193
5.3.3 可復(fù)用性/196
5.3.4 避免產(chǎn)生副作用/199
5.3.5 通過傳參實(shí)現(xiàn)定制/203
5.3.6 控制this關(guān)鍵字的指向/207
5.3.7 預(yù)留回調(diào)接口/211
5.3.8 編程中的DRY規(guī)則/212
5.3.9 用hash對(duì)象傳參/215
5.4 面向?qū)ο缶幊?217
5.4.1 面向過程編程和面向?qū)ο缶幊?217
5.4.2 JavaScript的面向?qū)ο缶幊?224
5.4.3 用面向?qū)ο蠓绞街貙懘a/245
5.5 其他問題/251
5.5.1 prototype和內(nèi)置類/251
5.5.2 標(biāo)簽的自定義屬性/255
5.5.3 標(biāo)簽的內(nèi)聯(lián)事件和event對(duì)象/260
5.5.4 利用事件冒泡機(jī)制/263
5.5.5 改變DOM樣式的三種方式/267
附錄A 寫在規(guī)則前面的話/271
附錄B 命名規(guī)則/272
附錄C 分工安排/274
附錄D 注釋規(guī)則/276
附錄E HTML規(guī)范/278
附錄F CSS規(guī)范/280
附錄G JavaScript規(guī)范/282