前端開發必知必會:從工程核心到前沿實戰
侯躍偉
- 出版商: 電子工業
- 出版日期: 2021-09-01
- 定價: $534
- 售價: 8.5 折 $454
- 語言: 簡體中文
- 頁數: 272
- 裝訂: 平裝
- ISBN: 7121418002
- ISBN-13: 9787121418006
-
相關分類:
WebAssembly
立即出貨
買這商品的人也買了...
-
練好機器學習的基本功|用 Python 進行基礎數學理論的實作$450$356 -
還在漫無頭緒?一本書帶你走完 Python 深度學習$690$587 -
Python × Network 一拍即合:自動化、程式化和 DevOps 的一站式解決方案 (Mastering Python Networking, 3/e)$780$608 -
Java 最強入門邁向頂尖高手之路:王者歸來, 2/e (全彩版)$1,000$790 -
$607Java 程序性能優化實戰 -
Excel 函數庫最完整職場商業應用王者歸來$620$434 -
Python 刷題鍛鍊班:老手都刷過的 50 道程式題, 求職面試最給力 (Python Workout: 50 ten-minute exercises)$480$408 -
React 學習手冊, 2/e (Learning React: Modern Patterns for Developing React Apps, 2/e)$580$458 -
人工智慧大現場 - 實用篇-35天從入門到完成專案$690$538 -
CQRS 命令查詢職責分離模式 (Command Query Responsibility Segregation)$500$390 -
Power BI 入門 大數據視覺化 + 智慧決策 + 雲端分享 王者歸來 (全彩印刷)$620$490 -
$297CKA/CKAD 應試指南 : 從 Docker 到 Kubernetes 完全攻略 -
Redis 入門指南, 3/e$359$341 -
真槍實彈做專案:PyQt5 極速開發視窗軟體$880$695 -
$505深入淺出 Electron:原理、工程與實踐 -
OpenCV 影像創意邁向 AI 視覺王者歸來 (全彩印刷)$890$668 -
從 Docker 動手邁入全新 DevOps 時代:最完整 Kubernetes 全書$1,280$1,011 -
Linux 指令大全:工程師活用命令列技巧的常備工具書 (全新升級版) (The Linux Command Line : A Complete Introduction, 2/e)$780$608 -
深入剖析 Kubernetes$560$442 -
Qt Creator 快速入門, 4/e$588$559 -
你就是不寫測試才會沒時間:Kuma 的單元測試實戰 -- Java篇(iThome鐵人賽系列書)$650$507 -
去園區當 ARM 工程師 - 嵌入式 C語言全高度昇華$1,080$853 -
高速建立大型桌面應用 - 全新 Electron 框架現在就動手做$880$695 -
Code That Fits in Your Head|軟體工程的啟發式方法$580$435 -
IT 工程師必需!Linux 快速入門實戰手冊 - 從命令列、系統設定到開發環境建置, 實體機、虛擬機、容器化、WSL、雲端平台全適用$630$498
中文年末書展|繁簡參展書2書75折 詳見活動內容 »
-
75折
為你寫的 Vue Components:從原子到系統,一步步用設計思維打造面面俱到的元件實戰力 (iThome 鐵人賽系列書)$780$585 -
75折
BDD in Action, 2/e (中文版)$960$720 -
75折
看不見的戰場:社群、AI 與企業資安危機$750$563 -
79折
AI 精準提問 × 高效應用:DeepSeek、ChatGPT、Claude、Gemini、Copilot 一本搞定$390$308 -
7折
超實用!Word.Excel.PowerPoint 辦公室 Office 365 省時高手必備 50招, 4/e (暢銷回饋版)$420$294 -
75折
裂縫碎光:資安數位生存戰$550$412 -
85折
日本當代最強插畫 2025 : 150位當代最強畫師豪華作品集$640$544 -
79折
Google BI 解決方案:Looker Studio × AI 數據驅動行銷實作,完美整合 Google Analytics 4、Google Ads、ChatGPT、Gemini$630$498 -
79折
超有料 Plus!職場第一實用的 AI 工作術 - 用對 AI 工具、自動化 Agent, 讓生產力全面進化!$599$473 -
75折
從零開始學 Visual C# 2022 程式設計, 4/e (暢銷回饋版)$690$518 -
75折
Windows 11 制霸攻略:圖解 AI 與 Copilot 應用,輕鬆搞懂新手必學的 Windows 技巧$640$480 -
75折
精準駕馭 Word!論文寫作絕非難事 (好評回饋版)$480$360 -
Sam Yang 的插畫藝術:用 Procreate / PS 畫出最強男友視角 x 女孩美好日常$699$629 -
79折
AI 加持!Google Sheets 超級工作流$599$473 -
78折
想要 SSR? 快使用 Nuxt 吧!:Nuxt 讓 Vue.js 更好處理 SEO 搜尋引擎最佳化(iThome鐵人賽系列書)$780$608 -
75折
超實用!業務.總管.人資的辦公室 WORD 365 省時高手必備 50招 (第二版)$500$375 -
7折
Node-RED + YOLO + ESP32-CAM:AIoT 智慧物聯網與邊緣 AI 專題實戰$680$476 -
79折
「生成式⇄AI」:52 個零程式互動體驗,打造新世代人工智慧素養$599$473 -
7折
Windows APT Warfare:惡意程式前線戰術指南, 3/e$720$504 -
75折
我輩程式人:回顧從 Ada 到 AI 這條程式路,程式人如何改變世界的歷史與未來展望 (We, Programmers: A Chronicle of Coders from Ada to AI)$850$637 -
75折
不用自己寫!用 GitHub Copilot 搞定 LLM 應用開發$600$450 -
79折
Tensorflow 接班王者:Google JAX 深度學習又快又強大 (好評回饋版)$780$616 -
79折
GPT4 會你也會 - 共融機器人的多模態互動式情感分析 (好評回饋版)$700$553 -
79折
技術士技能檢定 電腦軟體應用丙級術科解題教本|Office 2021$460$363 -
75折
Notion 與 Notion AI 全能實戰手冊:生活、學習與職場的智慧策略 (暢銷回饋版)$560$420
相關主題
商品描述
本書共5 章。第1、2 章系統介紹前端工程化的核心知識,包括Babel 7、ES 規範、Deno 開發入門、腳手架、自動化部署、Nginx、Jest 測試、Webpack 5、Vite、Rollup、Parcel 等。第3、4 章著重介紹前端架構的核心思想,包括前端核心模塊的6 種常用設計模式、V8 引擎、宏任務與微任務、異步加載規範和函數式編程等。第5 章通過實戰詳細介紹如何從0 開發微前端和WebAssembly,幫助前端人員開拓視野。 本書系統介紹了前端開發的工程核心及前沿實戰。相信無論是初級開發人員,還是具有豐富經驗的中高級開發人員都能從本書中找到需要的內容,都能從閱讀本書中有所收獲。
作者簡介
混跡前端多年,經歷從前端的混沌初開、野蠻生長到前端的專業化開發。長期專註前端模塊化開發、工程化實踐和性能優化,長期關註框架React和Vue的實踐。
關註ECMAScript規範,有Java項目實踐經驗。同時對Docker、Go語言有濃厚的興趣。
個人網站(http://www.houyuewei.cn),GitHub(https://github.com/houyaowei)。
微信公眾號:開發365。
目錄大綱
第1章 前端開發核心及Deno Web實戰 1
1.1 前端中的“大管家”package. json文件 1
1.1.1 生成package. json文件 2
1.1.2 name字段 3
1.1.3 version字段 4
1.1.4 OS配置和CPU配置 8
1.2 前端中的編譯工具Babel 7 10
1.2.1 Babel中的4種配置文件 11
1.2.2 Babel的工作過程 13
1.2.3 @babel/polyfill插件 18
1.2.4 @babel/runtime插件和@babel/plugin-transform-runtime插件 19
1.2.5 preset配置 20
1.3 ES規範 20
1.3.1 ES2021規範 21
1.3.2 ES2020規範 23
1.3.3 ES2019規範 27
1.3.4 ES2018規範 28
1.3.5 ES2017規範 29
1.4 Deno Web實戰 30
1.4.1 加載第三方包 36
1.4.2 創建服務器 36
1.4.3 Deno Web開發 37
第2章 前端工程化核心與構建工具實戰 40
2.1 前端工程化概述 40
2.2 腳手架的實現方式 41
2.2.1 渲染過程 49
2.2.2 下載依賴 49
2.3 自動化部署 51
2.4 配置負載均衡Nginx 54
2.4.1 正向代理和反向代理 55
2.4.2 配置Nginx 55
2.4.3 配置反向代理 57
2.4.4 開啟gzip壓縮 58
2.4.5 支持WebSocket 58
2.4.6 圖片防盜配置 59
2.5 Jest測試核心 60
2.5.1 Jest測試的基本功能 61
2.5.2 運行測試用例 62
2.5.3 setUp函數和tearDown函數 67
2.5.4 mock函數 68
2.5.5 測試覆蓋率 72
2.6 前端文檔 73
2.7 構建工具實戰 78
2.7.1 “經典”Webpack 5的新特性 78
2.7.2 “新秀”Vite構建實戰 92
2.7.3 小巧的Rollup實戰 99
2.7.4 零配置的Parcel實戰 104
第3章 前端核心模塊的設計與實現 110
3.1 常用設計模式介紹 110
3.1.1 狀態模式 110
3.1.2 策略模式 114
3.1.3 適配器模式 117
3.1.4 觀察者模式 121
3.1.5 代理模式 126
3.1.6 裝飾者模式 128
3.2 V8引擎 131
3.2.1 WebKit的架構 132
3.2.2 隱藏類 134
3.2.3 對像在內存中的表示 135
3.2.4 內存管理 137
3.3 宏任務和微任務 138
3.4 異步加載規範 147
3.4.1 前端模塊規範:AMD和RequireJS 147
3.4.2 前端模塊規範:CMD和SeaJS 149
3.4.3 前端模塊規範:UMD 151
3.4.4 前端模塊規範:ES6 module 152
3.4.5 前端模塊規範:CommonJS 153
3.5 函數式編程入門 154
3.5.1 引子 155
3.5.2 函數式編程的優點 156
3.5.3 函數式編程的基礎 157
3.6 實戰:狀態原理解析 160
第4章 性能優化指南 167
4.1 瀏覽器的運行機制 167
4.2 瀏覽器的緩存機制 176
4.3 性能分析 179
4.4 前端優化策略 186
4.4.1 圖片優化和DOM優化建議 186
4.4.2 JavaScript代碼優化建議 189
4.4.3 Webpack優化建議 199
4.4.4 使用HTTP/2 207
4.4.5 使用WebSocket 210
第5章 實戰:從0開發微前端和WebAssembly 213
5.1 以天氣為例實戰PWA應用 213
5.2 基於single-spa的微前端實戰 222
5.3 在Docker中部署前端應用 236
5.4 用WebAssembly提高前端性能 245
5.4.1 WebAssembly概述 245
5.4.2 WebAssembly案例 248
