中圖網(wǎng)小程序
一鍵登錄
更方便
包郵 前端架構(gòu)設(shè)計(jì)
開(kāi)本：
32開(kāi)
頁(yè)數(shù)：
149
本類(lèi)榜單：計(jì)算機(jī)/網(wǎng)絡(luò)銷(xiāo)量榜
本類(lèi)五星書(shū)更多>
-
>
全國(guó)計(jì)算機(jī)等級(jí)考試最新真考題庫(kù)模擬考場(chǎng)及詳解·二級(jí)MSOffice高級(jí)應(yīng)用
-
>
決戰(zhàn)行測(cè)5000題(言語(yǔ)理解與表達(dá))
-
>
軟件性能測(cè)試.分析與調(diào)優(yōu)實(shí)踐之路
-
>
第一行代碼Android
-
>
JAVA持續(xù)交付
-
>
EXCEL最強(qiáng)教科書(shū)(完全版)(全彩印刷)
-
>
深度學(xué)習(xí)
中圖價(jià):¥25.0
加入購(gòu)物車(chē)
前端架構(gòu)設(shè)計(jì) 版權(quán)信息
- ISBN：9787115452368
- 條形碼：9787115452368 ; 978-7-115-45236-8
- 裝幀：一般膠版紙
- 冊(cè)數(shù)：暫無(wú)
- 重量：暫無(wú)
- 所屬分類(lèi)：>>
前端架構(gòu)設(shè)計(jì) 本書(shū)特色
本書(shū)展示了一名成熟的前端架構(gòu)師對(duì)前端開(kāi)發(fā)全面而深刻的理解。作者結(jié)合自己在Red Hat公司的項(xiàng)目實(shí)戰(zhàn)經(jīng)歷，探討了前端架構(gòu)原則和前端架構(gòu)的核心內(nèi)容，包括工作流程、測(cè)試流程和文檔記錄，以及作為前端架構(gòu)師所要承擔(dān)的具體開(kāi)發(fā)工作，包括HTML、JavaScript和CSS等。
前端架構(gòu)設(shè)計(jì) 內(nèi)容簡(jiǎn)介
前端架構(gòu)是一系列工具和流程的集合，旨在提升前端代碼質(zhì)量，并實(shí)現(xiàn)高效、可持續(xù)的工作流。對(duì)于大型Web項(xiàng)目，前端架構(gòu)師和軟件架構(gòu)師同樣不可或缺。 本書(shū)作者通過(guò)Red Hat公司真實(shí)案例分析以及以往經(jīng)驗(yàn)積累的實(shí)用技巧，系統(tǒng)總結(jié)了前端架構(gòu)的四個(gè)核心，詳細(xì)展示了新的前端開(kāi)發(fā)準(zhǔn)則，將Web開(kāi)發(fā)提升到了一個(gè)新高度。 前端架構(gòu)四個(gè)核心： ● 代碼——如何實(shí)現(xiàn)系統(tǒng)架構(gòu)中的HTML、CSS和JavaScript ● 流程——構(gòu)建高效并且防止出錯(cuò)的工作流所需要的工具和流程 ● 測(cè)試——為網(wǎng)站搭建穩(wěn)固基礎(chǔ) ● 文檔——規(guī)劃好系統(tǒng)設(shè)計(jì)藍(lán)圖 前端架構(gòu)師職責(zé)： ● 體系設(shè)計(jì)——清晰描繪產(chǎn)品和代碼的*終形態(tài) ● 工作規(guī)劃——制定完整開(kāi)發(fā)工作流 ● 監(jiān)督跟進(jìn)——保證項(xiàng)目高效率完成
前端架構(gòu)設(shè)計(jì) 目錄
前言 xi
**部分 引言
第 1 章 前端架構(gòu)原則 7
第 2 章 Alpha 項(xiàng)目 11
2.1 慢而有力的開(kāi)端 11
2.2 全副武裝 12
第 3 章 前端架構(gòu)的核心 15
3.1 圍繞四個(gè)核心工作 15
3.2 四個(gè)核心的含義 16
第二部分 代碼核心
第 4 章 HTML 19
4.1 過(guò)去處理標(biāo)記的方法 19
4.1.1 程序式標(biāo)記：自動(dòng)化程度 100%，可控程度 0% 19
4.1.2 靜態(tài)標(biāo)記：自動(dòng)化程度 0%，可控程度 100% 20
4.2 平衡可控性和自動(dòng)化 21
4.3 這一切背后的設(shè)計(jì)系統(tǒng) 22
4.4 模塊化 CSS 理論的多面性 22
4.4.1 OOCSS 方法 23
4.4.2 SMACSS 方法 23
4.4.3 BEM 方法 24
4.5 選擇適合的方案 25
第 5 章 CSS 27
5.1 特性之爭(zhēng)與繼承之痛 28
5.2 一種現(xiàn)代的、模塊化的方法 30
5.3 其他有助益的原則 32
5.3.1 單一職責(zé)原則 32
5.3.2 單一樣式來(lái)源 33
5.3.3 組件修飾符 34
5.4 小結(jié) 35
第 6 章 JavaScript 37
6.1 選擇框架 37
6.2 維護(hù)整潔的 JavaScript 代碼 38
6.2.1 保持代碼整潔 38
6.2.2 創(chuàng)造可復(fù)用的函數(shù) 38
6.3 小結(jié) 40
第 7 章 Red Hat 代碼 41
7.1 過(guò)多的依賴(lài) 41
7.2 嚴(yán)重的位置依賴(lài)問(wèn)題 42
7.3 設(shè)計(jì)分解 42
7.4 組件分類(lèi) 43
7.5 BB 鳥(niǎo)規(guī)則 44
7.6 編寫(xiě)你自己的規(guī)則 44
7.7 每個(gè)標(biāo)簽指定唯一的選擇器 46
7.7.1 單一責(zé)任原則 46
7.7.2 樣式只有單一的來(lái)源 47
7.7.3 可選的修飾符 47
7.7.4 可選的上下文 50
7.8 語(yǔ)義化的網(wǎng)格 53
第三部分 流程核心
第 8 章 工作流 57
8.1 過(guò)去的開(kāi)發(fā)工作流 57
8.2 現(xiàn)代的開(kāi)發(fā)工作流 58
8.2.1 需求 58
8.2.2 原型設(shè)計(jì) 58
8.2.3 程序開(kāi)發(fā) 58
8.3 前端工作流 59
8.3.1 必要的工具 59
8.3.2 本地部署 59
8.3.3 編寫(xiě)用戶故事 60
8.4 開(kāi)發(fā) 61
8.5 發(fā)布 62
8.6 提交編譯后的資源 62
8.7 持續(xù)集成的服務(wù)器 63
8.7.1 標(biāo)簽分支 64
8.7.2 究竟為什么要這么做 64
8.8 發(fā)布渠道 64
第 9 章 任務(wù)處理器 67
9.1 在任務(wù)處理器中完成一切 68
9.2 在項(xiàng)目中使用任務(wù)處理器 69
9.3 有明顯的優(yōu)勝者嗎 71
第 10 章 Red Hat 流程 73
10.1 征服*后一英里 73
10.2 模式驅(qū)動(dòng)的設(shè)計(jì)系統(tǒng) 75
第四部分 測(cè)試核心
第 11 章 單元測(cè)試 87
11.1 單元 87
11.1.1 更多重用 88
11.1.2 更好的測(cè)試 88
11.2 測(cè)試驅(qū)動(dòng)的開(kāi)發(fā) 88
11.3 一個(gè)測(cè)試驅(qū)動(dòng)的例子 89
11.4 測(cè)試覆蓋率要多大才足夠 90
11.4.1 解決分歧點(diǎn) 90
11.4.2 從測(cè)試覆蓋率開(kāi)始 90
第 12 章 性能測(cè)試 91
12.1 制定性能預(yù)算 91
12.1.1 競(jìng)爭(zhēng)基線 92
12.1.2 平均基準(zhǔn) 92
12.2 原始指標(biāo) 93
12.2.1 頁(yè)面大小 93
12.2.2 HTTP 請(qǐng)求次數(shù) 94
12.3 計(jì)時(shí)度量 94
12.4 混合度量標(biāo)準(zhǔn) 95
12.4.1 PageSpeed 分?jǐn)?shù) 95
12.4.2 Speed Index 指標(biāo) 95
12.5 設(shè)置性能測(cè)試 95
12.5.1 Grunt PageSpeed 插件 96
12.5.2 Grunt Perfbuget 插件 96
12.6 小結(jié) 97
第 13 章 視覺(jué)還原測(cè)試 99
13.1 常見(jiàn)的質(zhì)疑 99
13.1.1 不了解情況的開(kāi)發(fā)者 100
13.1.2 不一致的設(shè)計(jì) 100
13.1.3 舉棋不定的決策者 100
13.2 一個(gè)經(jīng)過(guò)測(cè)試的解決方案 101
13.3 視覺(jué)還原測(cè)試的多面性 101
第 14 章 Red Hat 測(cè)試方法 103
14.1 實(shí)踐視覺(jué)還原測(cè)試 103
14.1.1 測(cè)試工具集 103
14.1.2 設(shè)置 Grunt 104
14.1.3 測(cè)試文件 104
14.1.4 對(duì)比 105
14.1.5 運(yùn)行全部測(cè)試用例 106
14.1.6 如何應(yīng)對(duì)測(cè)試失敗 107
14.1.7 從失敗到成功 107
14.1.8 修改代碼以適應(yīng)需求 108
14.1.9 將基準(zhǔn)圖片放在組件目錄里 108
14.1.10 獨(dú)立運(yùn)行每個(gè)組件的測(cè)試集 109
14.1.11 測(cè)試的可擴(kuò)展性 110
14.2 小結(jié) 111
第五部分 文檔核心
第 15 章 樣式文檔 117
15.1 配置 Hologram 117
15.1.1 Hologram 的文檔注釋塊 119
15.1.2 Hologram 編譯流程 120
15.1.3 Hologram 小結(jié) 121
15.2 SassDoc 121
15.2.1 安裝 SassDoc 121
15.2.2 使用 SassDoc 122
15.2.3 探索 SassDoc 123
15.2.4 深入了解 SassDoc 124
15.2.5 內(nèi)部依賴(lài) 125
15.3 小結(jié) 127
第 16 章 圖形庫(kù) 129
16.1 何為 Pattern Lab 129
16.2 運(yùn)行 Pattern Lab 131
16.3 首頁(yè)模板 133
16.4 首變量 134
16.5 原子 135
16.6 發(fā)揮原子的作用 135
第 17 章 Red Hat 文檔 137
17.1 階段 1：靜態(tài)的樣式文檔 137
17.2 階段 2：重寫(xiě) Pattern Lab 139
17.3 階段 3：分拆模式庫(kù)和樣式文檔 142
17.4 階段 4：創(chuàng)建統(tǒng)一的渲染引擎 143
17.5 階段 5：自動(dòng)創(chuàng)建新模式 144
第 18 章 總結(jié) 147
作者介紹 149
封面介紹 149
**部分 引言
第 1 章 前端架構(gòu)原則 7
第 2 章 Alpha 項(xiàng)目 11
2.1 慢而有力的開(kāi)端 11
2.2 全副武裝 12
第 3 章 前端架構(gòu)的核心 15
3.1 圍繞四個(gè)核心工作 15
3.2 四個(gè)核心的含義 16
第二部分 代碼核心
第 4 章 HTML 19
4.1 過(guò)去處理標(biāo)記的方法 19
4.1.1 程序式標(biāo)記：自動(dòng)化程度 100%，可控程度 0% 19
4.1.2 靜態(tài)標(biāo)記：自動(dòng)化程度 0%，可控程度 100% 20
4.2 平衡可控性和自動(dòng)化 21
4.3 這一切背后的設(shè)計(jì)系統(tǒng) 22
4.4 模塊化 CSS 理論的多面性 22
4.4.1 OOCSS 方法 23
4.4.2 SMACSS 方法 23
4.4.3 BEM 方法 24
4.5 選擇適合的方案 25
第 5 章 CSS 27
5.1 特性之爭(zhēng)與繼承之痛 28
5.2 一種現(xiàn)代的、模塊化的方法 30
5.3 其他有助益的原則 32
5.3.1 單一職責(zé)原則 32
5.3.2 單一樣式來(lái)源 33
5.3.3 組件修飾符 34
5.4 小結(jié) 35
第 6 章 JavaScript 37
6.1 選擇框架 37
6.2 維護(hù)整潔的 JavaScript 代碼 38
6.2.1 保持代碼整潔 38
6.2.2 創(chuàng)造可復(fù)用的函數(shù) 38
6.3 小結(jié) 40
第 7 章 Red Hat 代碼 41
7.1 過(guò)多的依賴(lài) 41
7.2 嚴(yán)重的位置依賴(lài)問(wèn)題 42
7.3 設(shè)計(jì)分解 42
7.4 組件分類(lèi) 43
7.5 BB 鳥(niǎo)規(guī)則 44
7.6 編寫(xiě)你自己的規(guī)則 44
7.7 每個(gè)標(biāo)簽指定唯一的選擇器 46
7.7.1 單一責(zé)任原則 46
7.7.2 樣式只有單一的來(lái)源 47
7.7.3 可選的修飾符 47
7.7.4 可選的上下文 50
7.8 語(yǔ)義化的網(wǎng)格 53
第三部分 流程核心
第 8 章 工作流 57
8.1 過(guò)去的開(kāi)發(fā)工作流 57
8.2 現(xiàn)代的開(kāi)發(fā)工作流 58
8.2.1 需求 58
8.2.2 原型設(shè)計(jì) 58
8.2.3 程序開(kāi)發(fā) 58
8.3 前端工作流 59
8.3.1 必要的工具 59
8.3.2 本地部署 59
8.3.3 編寫(xiě)用戶故事 60
8.4 開(kāi)發(fā) 61
8.5 發(fā)布 62
8.6 提交編譯后的資源 62
8.7 持續(xù)集成的服務(wù)器 63
8.7.1 標(biāo)簽分支 64
8.7.2 究竟為什么要這么做 64
8.8 發(fā)布渠道 64
第 9 章 任務(wù)處理器 67
9.1 在任務(wù)處理器中完成一切 68
9.2 在項(xiàng)目中使用任務(wù)處理器 69
9.3 有明顯的優(yōu)勝者嗎 71
第 10 章 Red Hat 流程 73
10.1 征服*后一英里 73
10.2 模式驅(qū)動(dòng)的設(shè)計(jì)系統(tǒng) 75
第四部分 測(cè)試核心
第 11 章 單元測(cè)試 87
11.1 單元 87
11.1.1 更多重用 88
11.1.2 更好的測(cè)試 88
11.2 測(cè)試驅(qū)動(dòng)的開(kāi)發(fā) 88
11.3 一個(gè)測(cè)試驅(qū)動(dòng)的例子 89
11.4 測(cè)試覆蓋率要多大才足夠 90
11.4.1 解決分歧點(diǎn) 90
11.4.2 從測(cè)試覆蓋率開(kāi)始 90
第 12 章 性能測(cè)試 91
12.1 制定性能預(yù)算 91
12.1.1 競(jìng)爭(zhēng)基線 92
12.1.2 平均基準(zhǔn) 92
12.2 原始指標(biāo) 93
12.2.1 頁(yè)面大小 93
12.2.2 HTTP 請(qǐng)求次數(shù) 94
12.3 計(jì)時(shí)度量 94
12.4 混合度量標(biāo)準(zhǔn) 95
12.4.1 PageSpeed 分?jǐn)?shù) 95
12.4.2 Speed Index 指標(biāo) 95
12.5 設(shè)置性能測(cè)試 95
12.5.1 Grunt PageSpeed 插件 96
12.5.2 Grunt Perfbuget 插件 96
12.6 小結(jié) 97
第 13 章 視覺(jué)還原測(cè)試 99
13.1 常見(jiàn)的質(zhì)疑 99
13.1.1 不了解情況的開(kāi)發(fā)者 100
13.1.2 不一致的設(shè)計(jì) 100
13.1.3 舉棋不定的決策者 100
13.2 一個(gè)經(jīng)過(guò)測(cè)試的解決方案 101
13.3 視覺(jué)還原測(cè)試的多面性 101
第 14 章 Red Hat 測(cè)試方法 103
14.1 實(shí)踐視覺(jué)還原測(cè)試 103
14.1.1 測(cè)試工具集 103
14.1.2 設(shè)置 Grunt 104
14.1.3 測(cè)試文件 104
14.1.4 對(duì)比 105
14.1.5 運(yùn)行全部測(cè)試用例 106
14.1.6 如何應(yīng)對(duì)測(cè)試失敗 107
14.1.7 從失敗到成功 107
14.1.8 修改代碼以適應(yīng)需求 108
14.1.9 將基準(zhǔn)圖片放在組件目錄里 108
14.1.10 獨(dú)立運(yùn)行每個(gè)組件的測(cè)試集 109
14.1.11 測(cè)試的可擴(kuò)展性 110
14.2 小結(jié) 111
第五部分 文檔核心
第 15 章 樣式文檔 117
15.1 配置 Hologram 117
15.1.1 Hologram 的文檔注釋塊 119
15.1.2 Hologram 編譯流程 120
15.1.3 Hologram 小結(jié) 121
15.2 SassDoc 121
15.2.1 安裝 SassDoc 121
15.2.2 使用 SassDoc 122
15.2.3 探索 SassDoc 123
15.2.4 深入了解 SassDoc 124
15.2.5 內(nèi)部依賴(lài) 125
15.3 小結(jié) 127
第 16 章 圖形庫(kù) 129
16.1 何為 Pattern Lab 129
16.2 運(yùn)行 Pattern Lab 131
16.3 首頁(yè)模板 133
16.4 首變量 134
16.5 原子 135
16.6 發(fā)揮原子的作用 135
第 17 章 Red Hat 文檔 137
17.1 階段 1：靜態(tài)的樣式文檔 137
17.2 階段 2：重寫(xiě) Pattern Lab 139
17.3 階段 3：分拆模式庫(kù)和樣式文檔 142
17.4 階段 4：創(chuàng)建統(tǒng)一的渲染引擎 143
17.5 階段 5：自動(dòng)創(chuàng)建新模式 144
第 18 章 總結(jié) 147
作者介紹 149
封面介紹 149
展開(kāi)全部
前端架構(gòu)設(shè)計(jì) 作者簡(jiǎn)介
【作者介紹】 Micah Godbolt，前端架構(gòu)師，作家，播客播主，世界ji開(kāi)源大會(huì)的培訓(xùn)師和演講師。他在個(gè)人博客（https: micahgodbolt.com）中經(jīng)常大力推廣前端架構(gòu)、Sass、視覺(jué)還原測(cè)試和基于模式的設(shè)計(jì)方法。他出生于太平洋西北地區(qū)，目前和妻子以及兩個(gè)孩子定居于波特蘭的郊區(qū)。 【譯者介紹】 潘泰燊 畢業(yè)于廣東外語(yǔ)外貿(mào)大學(xué)，曾就職于騰訊、百度等互聯(lián)網(wǎng)公司，參與過(guò)騰訊QQ空間、百度地圖等海量數(shù)據(jù)業(yè)務(wù)的Web開(kāi)發(fā)工作，現(xiàn)就職于富途網(wǎng)絡(luò)。 張鵬 碩士畢業(yè)于中山大學(xué)，曾就職于百度、騰訊等知名互聯(lián)網(wǎng)公司，參與過(guò)基于LNMP架構(gòu)的億級(jí)別互聯(lián)網(wǎng)應(yīng)用的設(shè)計(jì)與實(shí)現(xiàn)，目前從事NodeJS與前端開(kāi)發(fā)。 許金泉 畢業(yè)于深圳大學(xué)，畢業(yè)后加入百度FEX，曾主導(dǎo)UEditor、百度國(guó)際化瀏覽器等前端開(kāi)發(fā)工作，現(xiàn)就職于騰訊云。 【審校介紹】 李弦 華為2012實(shí)驗(yàn)室UCD交互設(shè)計(jì)師，Monash University交互設(shè)計(jì)碩士，前新東方英語(yǔ)教師，廣東外語(yǔ)外貿(mào)大學(xué)英語(yǔ)專(zhuān)業(yè)八級(jí)。
書(shū)友推薦
- >
有舍有得是人生
- >
中國(guó)歷史的瞬間
- >
隨園食單
- >
煙與鏡
- >
唐代進(jìn)士錄
- >
山海經(jīng)
- >
朝聞道
- >
名家?guī)阕x魯迅:朝花夕拾
本類(lèi)暢銷(xiāo)
