中图网(原中国图书网):网上书店,尾货特色书店,30万种特价书低至2折!

歡迎光臨中圖網(wǎng) 請 | 注冊
> >
前端架構(gòu)師:基礎(chǔ)建設(shè)與架構(gòu)設(shè)計思想

包郵 前端架構(gòu)師:基礎(chǔ)建設(shè)與架構(gòu)設(shè)計思想

作者:侯策
出版社:電子工業(yè)出版社出版時間:2022-08-01
開本: 其他 頁數(shù): 376
中 圖 價:¥52.8(4.9折) 定價  ¥108.0 登錄后可看到會員價
加入購物車 收藏
開年大促, 全場包郵
?新疆、西藏除外
溫馨提示:5折以下圖書主要為出版社尾貨,大部分為全新(有塑封/無塑封),個別圖書品相8-9成新、切口
有劃線標(biāo)記、光盤等附件不全詳細(xì)品相說明>>
本類五星書更多>

前端架構(gòu)師:基礎(chǔ)建設(shè)與架構(gòu)設(shè)計思想 版權(quán)信息

前端架構(gòu)師:基礎(chǔ)建設(shè)與架構(gòu)設(shè)計思想 本書特色

適讀人群 :想要加深前端基礎(chǔ)建設(shè)能力的開發(fā)者;想要培養(yǎng)前端架構(gòu)思維的開發(fā)者及從業(yè)者。1.選取了30個非常典型的前端基礎(chǔ)建設(shè)和架構(gòu)設(shè)計相關(guān)主題,內(nèi)容新穎、重點(diǎn)突出、不落俗套。讀者可以根據(jù)需求直接選擇自己感興趣的內(nèi)容閱讀。2.一改市面上一些前端技術(shù)書以框架或包為中心的“重技巧卻少思考”的現(xiàn)狀,將前端開發(fā)實踐理論化、系統(tǒng)化、范式化、路徑化,讀者可以從中學(xué)到一套行之有效的方法論!

前端架構(gòu)師:基礎(chǔ)建設(shè)與架構(gòu)設(shè)計思想 內(nèi)容簡介

快速發(fā)展的紅利、優(yōu)勝劣汰的挑戰(zhàn)、與生俱來的混亂、同混亂抗衡的規(guī)范……這些都是前端從業(yè)者無法逃避的現(xiàn)狀。有人說,做好業(yè)務(wù)支撐是活在當(dāng)下,而做好技術(shù)基建是活好未來。當(dāng)業(yè)務(wù)量到達(dá)一定量級時,成為“規(guī)范制定者”,成為“思考者”,像“架構(gòu)師”一樣思考問題,才能*終成為“優(yōu)勝者”。本書內(nèi)容不是簡單的思維模式輸出,不是純粹“陽春白雪”的理論,也不是社區(qū)搜索即得的 Webpack配置羅列和原理復(fù)述,而是從項目痛點(diǎn)中提取出的基礎(chǔ)建設(shè)的意義,以及從個人發(fā)展瓶頸中總結(jié)出的工程化架構(gòu)和底層設(shè)計原理。本書不僅能幫助開發(fā)者夯實基礎(chǔ),還能為開發(fā)者實現(xiàn)技術(shù)進(jìn)階提供幫助和啟發(fā)。

前端架構(gòu)師:基礎(chǔ)建設(shè)與架構(gòu)設(shè)計思想 目錄

目 錄 **部分 前端工程化管理工具 01 安裝機(jī)制及企業(yè)級部署私服原理 ................................................................ 2 npm 內(nèi)部機(jī)制與核心原理 ...................................................................................................... 2 npm 不完全指南 ...................................................................................................................... 6 npm 多源鏡像和企業(yè)級部署私服原理 .................................................................................. 9 總結(jié) ........................................................................................................................................ 11 02 Yarn 安裝理念及依賴管理困境破解 .......................................................... 12 Yarn 的安裝機(jī)制和背后思想 ................................................................................................ 14 破解依賴管理困境 ................................................................................................................ 17 總結(jié) ........................................................................................................................................ 21 03 CI 環(huán)境下的 npm 優(yōu)化及工程化問題解析 ................................................. 22 CI 環(huán)境下的 npm 優(yōu)化 .......................................................................................................... 22 更多工程化相關(guān)問題解析 .................................................................................................... 23 *佳實操建議 ........................................................................................................................ 30 總結(jié) ........................................................................................................................................ 31 04 主流構(gòu)建工具的設(shè)計考量 ......................................................................... 32 從 Tooling.Report 中,我們能學(xué)到什么 .............................................................................. 32 總結(jié) ........................................................................................................................................ 36 05 Vite 實現(xiàn):源碼分析與工程構(gòu)建 ............................................................... 37 Vite 的“橫空出世”............................................................................................................. 37 Vite 實現(xiàn)原理解讀 ................................................................................................................ 38 總結(jié) ........................................................................................................................................ 50 第二部分 現(xiàn)代化前端開發(fā)和架構(gòu)生態(tài) 06 談?wù)?core-js 及 polyfill 理念 ...................................................................... 52 core-js 工程一覽 .................................................................................................................... 52 如何復(fù)用一個 polyfill ........................................................................................................... 54 尋找*佳的 polyfill 方案 ...................................................................................................... 59 總結(jié) ........................................................................................................................................ 62 07 梳理混亂的 Babel,拒絕編譯報錯 ............................................................ 63 Babel 是什么 .......................................................................................................................... 63 Babel Monorepo 架構(gòu)包解析 ................................................................................................ 64 Babel 工程生態(tài)架構(gòu)設(shè)計和分層理念 .................................................................................. 75 總結(jié) ........................................................................................................................................ 78 08 前端工具鏈:統(tǒng)一標(biāo)準(zhǔn)化的 babel-preset ................................................. 79 從公共庫處理的問題,談如何做好“掃雷人” ................................................................. 79 應(yīng)用項目構(gòu)建和公共庫構(gòu)建的差異 .................................................................................... 81 一個企業(yè)級公共庫的設(shè)計原則 ............................................................................................ 81 制定一個統(tǒng)一標(biāo)準(zhǔn)化的 babel-preset .................................................................................... 82 總結(jié) ........................................................................................................................................ 91 09 從 0 到 1 構(gòu)建一個符合標(biāo)準(zhǔn)的公共庫 ....................................................... 92 實戰(zhàn)打造一個公共庫 ............................................................................................................ 92 打造公共庫,支持 script 標(biāo)簽引入代碼 .............................................................................. 96 打造公共庫,支持 Node.js 環(huán)境 ........................................................................................ 100 從開源庫總結(jié)生態(tài)設(shè)計 ...................................................................................................... 103 總結(jié) ...................................................................................................................................... 104 10 代碼拆分與按需加載 .............................................................................. 105 代碼拆分與按需加載的應(yīng)用場景 ...................................................................................... 105 代碼拆分與按需加載技術(shù)的實現(xiàn) ...................................................................................... 106 Webpack 賦能代碼拆分和按需加載 ................................................................................... 113 總結(jié) ...................................................................................................................................... 119 11 Tree Shaking:移除 JavaScript 上下文中的未引用代碼 ......................... 120 Tree Shaking 必會理論 ........................................................................................................ 120 前端工程化生態(tài)和 Tree Shaking 實踐 ............................................................................... 124 總結(jié) ...................................................................................................................................... 131 12 理解 AST 實現(xiàn)和編譯原理 ...................................................................... 132 AST 基礎(chǔ)知識 ..................................................................................................................... 132 AST 實戰(zhàn):實現(xiàn)一個簡易 Tree Shaking 腳本 ................................................................... 136 總結(jié) ...................................................................................................................................... 141 13 工程化思維:應(yīng)用主題切換 .................................................................... 142 設(shè)計一個主題切換工程架構(gòu) .............................................................................................. 142 主題色切換架構(gòu)實現(xiàn) .......................................................................................................... 145 總結(jié) ...................................................................................................................................... 150 14 解析 Webpack 源碼,實現(xiàn)工具構(gòu)建 ....................................................... 151 Webpack 的初心和奧秘 ...................................................................................................... 151 手動實現(xiàn)打包器 .................................................................................................................. 156 總結(jié) ...................................................................................................................................... 160 15 跨端解析小程序多端方案 ....................................................................... 161 小程序多端方案概覽 .......................................................................................................... 161 小程序多端――編譯時方案 ............................................................................................... 162 小程序多端――運(yùn)行時方案 ............................................................................................... 164 小程序多端――類 React 風(fēng)格的編譯時和運(yùn)行時結(jié)合方案 ............................................ 166 小程序多端方案的優(yōu)化 ...................................................................................................... 176 總結(jié) ...................................................................................................................................... 178 16 從移動端跨平臺到 Flutter 的技術(shù)變革 .................................................... 179 移動端跨平臺技術(shù)原理和變遷 .......................................................................................... 179 Flutter 新貴背后的技術(shù)變革 ............................................................................................... 188 總結(jié) ...................................................................................................................................... 194 第三部分 核心框架原理與代碼設(shè)計模式 17 axios:封裝一個結(jié)構(gòu)清晰的 Fetch 庫 .................................................... 196 設(shè)計請求庫需要考慮哪些問題 .......................................................................................... 196 axios 設(shè)計之美 ..................................................................................................................... 199 總結(jié) ...................................................................................................................................... 206 18 對比 Koa 和 Redux:解析前端中間件 .................................................... 207 以 Koa 為代表的 Node.js 中間件設(shè)計 ............................................................................... 207 對比 Express,再談 Koa 中間件 ........................................................................................ 210 Redux 中間件設(shè)計和實現(xiàn) ................................................................................................... 213 利用中間件思想,實現(xiàn)一個中間件化的 Fetch 庫 ............................................................ 215 總結(jié) ...................................................................................................................................... 218 19 軟件開發(fā)靈活性和高定制性 .................................................................... 219 設(shè)計模式 .............................................................................................................................. 219 函數(shù)式思想應(yīng)用 .................................................................................................................. 223 總結(jié) ...................................................................................................................................... 227 20 理解前端中的面向?qū)ο笏枷?.................................................................... 228 實現(xiàn) new 沒有那么容易 ...................................................................................................... 228 如何優(yōu)雅地實現(xiàn)繼承 .......................................................................................................... 230 jQuery 中的面向?qū)ο笏枷?.................................................................................................. 234 類繼承和原型繼承的區(qū)別 .................................................................................................. 236 總結(jié) ...................................................................................................................................... 237 21 利用 JavaScript 實現(xiàn)經(jīng)典數(shù)據(jù)結(jié)構(gòu) ........................................................ 238 數(shù)據(jù)結(jié)構(gòu)簡介 ...................................................................................................................... 238 堆棧和隊列 .......................................................................................................................... 239 鏈表(單向鏈表和雙向鏈表) .......................................................................................... 241 樹 .......................................................................................................................................... 247 圖 .......................................................................................................................................... 251 總結(jié) ...................................................................................................................................... 255 22 剖析前端數(shù)據(jù)結(jié)構(gòu)的應(yīng)用場景 ................................................................ 256 堆棧和隊列的應(yīng)用 .............................................................................................................. 256 鏈表的應(yīng)用 .......................................................................................................................... 257 樹的應(yīng)用 .............................................................................................................................. 260 總結(jié) ...................................................................................................................................... 263 第四部分 前端架構(gòu)設(shè)計實戰(zhàn) 23 npm scripts:打造一體化構(gòu)建和部署流程 .............................................. 266 npm scripts 是什么 ............................................................................................................... 266 npm scripts 原理 ................................................................................................................... 267 npm scripts 使用技巧 ........................................................................................................... 269 打造一個 lucas-scripts ......................................................................................................... 270 總結(jié) ...................................................................................................................................... 276 24 自動化代碼檢查:剖析 Lint 工具 ............................................................ 277 自動化工具 .......................................................................................................................... 277 lucas-scripts 中的 Lint 配置*佳實踐 ................................................................................. 281 工具背后的技術(shù)原理和設(shè)計 .............................................................................................. 283 總結(jié) ...................................................................................................................................... 285 25 前端+移動端離線包方案設(shè)計 .................................................................. 286 從流程圖分析 hybrid 性能痛點(diǎn) .......................................................................................... 286 相應(yīng)優(yōu)化策略 ...................................................................................................................... 287 離線包方案 .......................................................................................................................... 289 方案持續(xù)優(yōu)化 ...................................................................................................................... 293 總結(jié) ...................................................................................................................................... 294 26 設(shè)計一個“萬能”的項目腳手架 ............................................................ 295 命令行工具的原理和實現(xiàn) .................................................................................................. 295 從命令行到萬能腳手架 ...................................................................................................... 304 總結(jié) ...................................................................................................................................... 306 第五部分 前端全鏈路――Node.js 全棧開發(fā) 27 同構(gòu)渲染架構(gòu):實現(xiàn) SSR 應(yīng)用 .............................................................. 308 實現(xiàn)一個簡易的 SSR 應(yīng)用 ................................................................................................. 308 SSR 應(yīng)用中容易忽略的細(xì)節(jié) .............................................................................................. 312 總結(jié) ...................................................................................................................................... 317 28 性能守衛(wèi)系統(tǒng)設(shè)計:完善 CI/CD 流程 ..................................................... 318 性能守衛(wèi)理論基礎(chǔ) .............................................................................................................. 318 Lighthouse 原理介紹 ........................................................................................................... 319 性能守衛(wèi)系統(tǒng) Perf-patronus ............................................................................................... 322 總結(jié) ...................................................................................................................................... 328 29 打造網(wǎng)關(guān):改造企業(yè) BFF 方案 ............................................................... 329 BFF 網(wǎng)關(guān)介紹和優(yōu)缺點(diǎn)梳理 .............................................................................................. 329 打造 BFF 網(wǎng)關(guān)需要考慮的問題 ......................................................................................... 330 實現(xiàn)一個 lucas-gateway ...................................................................................................... 333 總結(jié) ...................................................................................................................................... 340 30 實現(xiàn)高可用:Puppeteer 實戰(zhàn) ................................................................. 341 Puppeteer 簡介和原理 ......................................................................................................... 341 Puppeteer 在 SSR 中的應(yīng)用 ................................................................................................ 342 Puppeteer 在 UI 測試中的應(yīng)用 ........................................................................................... 345 Puppeteer 結(jié)合 Lighthouse 的應(yīng)用場景 ............................................................................. 345 通過 Puppeteer 實現(xiàn)海報 Node.js 服務(wù) .............................................................................. 347 總結(jié) ...............................................................................................................................353
展開全部

前端架構(gòu)師:基礎(chǔ)建設(shè)與架構(gòu)設(shè)計思想 作者簡介

侯策,就職于某內(nèi)容社區(qū)類互聯(lián)網(wǎng)上市公司,具有多年海內(nèi)外工作經(jīng)驗,曾先后就職于法國ENGIE集團(tuán)、Google、百度等知名企業(yè)。擅長前端工程化體系搭建及基礎(chǔ)建設(shè)架構(gòu)設(shè)計。深入了解前端各類技術(shù)框架和相關(guān)技術(shù)棧,具有豐富的高流量產(chǎn)品穩(wěn)定性建設(shè)及性能和用戶體驗優(yōu)化經(jīng)驗,在業(yè)務(wù)提效和質(zhì)量保障方面亦有深厚積累,在跨端開發(fā)(包括小程序矩陣開發(fā))、富文本編輯器、Node.js、React等技術(shù)方向有較強(qiáng)的業(yè)內(nèi)影響力。在技術(shù)氛圍打造、團(tuán)隊成員培養(yǎng)、技術(shù)體系建設(shè)、新技術(shù)落地、難點(diǎn)攻堅、歷史包袱重構(gòu)等方面均有豐富的實踐經(jīng)歷。著有《React狀態(tài)管理與同構(gòu)實踐》《前端開發(fā)核心知識進(jìn)階:從夯實基礎(chǔ)到突破瓶頸》等多部技術(shù)圖書。

商品評論(0條)
暫無評論……
書友推薦
本類暢銷
編輯推薦
返回頂部
中圖網(wǎng)
在線客服
主站蜘蛛池模板: 太空舱_民宿太空舱厂家_移动房屋太空舱价格-豪品建筑 | 矿用履带式平板车|探水钻机|气动架柱式钻机|架柱式液压回转钻机|履带式钻机-启睿探水钻机厂家 | 焊缝跟踪系统_激光位移传感器_激光焊缝跟踪传感器-创想智控 | 进口便携式天平,外校_十万分之一分析天平,奥豪斯工业台秤,V2000防水秤-重庆珂偌德科技有限公司(www.crdkj.com) | 超细粉碎机|超微气流磨|气流分级机|粉体改性设备|超微粉碎设备-山东埃尔派粉碎机厂家 | 扒渣机,铁水扒渣机,钢水扒渣机,铁水捞渣机,钢水捞渣机-烟台盛利达工程技术有限公司 | 山东PE给水管厂家,山东双壁波纹管,山东钢带增强波纹管,山东PE穿线管,山东PE农田灌溉管,山东MPP电力保护套管-山东德诺塑业有限公司 | 防爆型气象站_农业气象站_校园气象站_农业四情监测系统「山东万象环境科技有限公司」 | 中图网(原中国图书网):网上书店,尾货特色书店,30万种特价书低至2折! | 科箭WMS仓库管理软件-TMS物流管理系统-科箭SaaS云服务 | 常州律师事务所_常州律所_常州律师-江苏乐天律师事务所 | 耐力板-PC阳光板-PC板-PC耐力板 - 嘉兴赢创实业有限公司 | 电子元器件呆滞料_元器件临期库存清仓尾料_尾料优选现货采购处理交易商城 | 武汉高温老化房,恒温恒湿试验箱,冷热冲击试验箱-武汉安德信检测设备有限公司 | 全自动实验室洗瓶机,移液管|培养皿|进样瓶清洗机,清洗剂-广州摩特伟希尔机械设备有限责任公司 | 领先的大模型技术与应用公司-中关村科金| 无锡不干胶标签,卷筒标签,无锡瑞彩包装材料有限公司 | 国际金融网_每日财经新资讯网 | 玉米深加工机械,玉米加工设备,玉米加工机械等玉米深加工设备制造商-河南成立粮油机械有限公司 | 上海诺狮景观规划设计有限公司 | 冰晶石|碱性嫩黄闪蒸干燥机-有机垃圾烘干设备-草酸钙盘式干燥机-常州市宝康干燥 | 工业铝型材生产厂家_铝合金型材配件批发精加工定制厂商 - 上海岐易铝业 | 杰福伦_磁致伸缩位移传感器_线性位移传感器-意大利GEFRAN杰福伦-河南赉威液压科技有限公司 | 考试试题_试卷及答案_诗词单词成语 - 优易学 | 超细粉碎机|超微气流磨|气流分级机|粉体改性设备|超微粉碎设备-山东埃尔派粉碎机厂家 | 不锈钢电动球阀_气动高压闸阀_旋塞疏水调节阀_全立阀门-来自温州工业阀门巨头企业 | 技德应用| 东莞螺丝|东莞螺丝厂|东莞不锈钢螺丝|东莞组合螺丝|东莞精密螺丝厂家-东莞利浩五金专业紧固件厂家 | 珠海白蚁防治_珠海灭鼠_珠海杀虫灭鼠_珠海灭蟑螂_珠海酒店消杀_珠海工厂杀虫灭鼠_立净虫控防治服务有限公司 | 皮带机-带式输送机价格-固定式胶带机生产厂家-河南坤威机械 | 纯化水设备-EDI-制药-实验室-二级反渗透-高纯水|超纯水设备 | 齿轮减速机电机一体机_齿轮减速箱加电机一体化-德国BOSERL蜗轮蜗杆减速机电机生产厂家 | 北京开业庆典策划-年会活动策划公司-舞龙舞狮团大鼓表演-北京盛乾龙狮鼓乐礼仪庆典策划公司 | 钛合金标准件-钛合金螺丝-钛管件-钛合金棒-钛合金板-钛合金锻件-宝鸡远航钛业有限公司 | 上海新光明泵业制造有限公司-电动隔膜泵,气动隔膜泵,卧式|立式离心泵厂家 | 颚式破碎机,圆锥破碎机,制砂机-新乡市德诚机电制造有限公司 | 细沙回收机-尾矿干排脱水筛设备-泥石分离机-建筑垃圾分拣机厂家-青州冠诚重工机械有限公司 | 传爱自考网_传爱自学考试网 | TPM咨询,精益生产管理,5S,6S现场管理培训_华谋咨询公司 | 代理记账_公司起名核名_公司注册_工商注册-睿婕实业有限公司 | wika威卡压力表-wika压力变送器-德国wika代理-威卡总代-北京博朗宁科技 |