前端工程化系列 前端工程化体系设计与实践2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

前端工程化系列 前端工程化体系设计与实践PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章 前端工程简史1

1.1前端工程师的基本素养2

1.1.1前端工程师的发展历史2

1.1.2前端工程师的技能栈3

1.2 Node.js带给前端的改革7

1.2.1前端的两次新生7

1.2.2 Node.js带来的改革9

1.3前后端分离12

1.3.1原始的前后端开发模式13

1.3.2前后端分离的基本模式14

1.3.3前后端分离与前端工程化19

1.4前端工程化19

1.4.1前端工程化的衡量准则20

1.4.2前端工程化的进化历程21

1.4.3前端工程化的3个阶段32

1.5工程化方案架构34

1.5.1 webpack34

1.5.2工程化方案的整体架构36

1.5.3功能规划37

1.5.4设计原则41

1.6总结42

第2章 脚手架43

2.1脚手架的功能和本质44

2.2脚手架在前端工程中的角色和特征45

2.2.1用完即弃的发起者角色45

2.2.2局限于本地的执行环境47

2.2.3多样性的实现模式49

2.3开源脚手架案例剖析51

2.4集成Yeoman封装脚手架方案56

2.4.1封装脚手架方案57

2.4.2集成到工程化体系中63

2.5总结66

第3章 构建68

3.1构建功能解决的问题68

3.2配置API设计原则和编程范式约束71

3.2.1配置API设计71

3.2.2编程范式约束75

3.3 ECMAScript与Babel76

3.3.1 ECMAScript发展史76

3.3.2 ES6的跨时代意义78

3.3.3 Babel——真正意义的JavaScript编译80

3.3.4结合webpack与Babel实现JavaScript构建84

3.4 CSS预编译与PostCSS89

3.4.1 CSS的缺陷90

3.4.2 CSS预编译器90

3.4.3 PostCSS91

3.4.4 webpack结合预编译与PostCSS实现CSS构建93

3.4.5案例：自动生成CSS Sprites功能实现95

3.5模块化开发101

3.5.1模块化与组件化101

3.5.2模块化与工程化102

3.5.3模块化开发的价值103

3.5.4前端模块化发展史107

3.5.5 webpack模块化构建109

3.6增量更新与缓存112

3.6.1 HTTP缓存策略113

3.6.2覆盖更新与增量更新117

3.6.3按需加载与多模块架构场景下的增量更新120

3.6.4 webpack实现增量更新构建方案122

3.7资源定位128

3.7.1资源定位的历史变迁128

3.7.2常规的资源定位思维132

3.7.3 webpack的逆向注入模式132

3.8总结147

第4章 本地开发服务器149

4.1本地开发服务器解决的问题150

4.2动态构建152

4.2.1 webpack-dev-middleware152

4.2.2 Livereload和HMR157

4.3 Mock服务161

4.3.1 Mock的必要前提和发展进程162

4.3.2异步数据接口166

4.3.3 SSR172

4.4总结174

第5章 部署175

5.1部署流程的设计原则175

5.1.1速度——化繁为简177

5.1.2协作——代码审查和部署队列181

5.1.3安全——严格审查和权限控制184

5.2流程之外：前端静态资源的部署策略186

5.2.1协商缓存与强制缓存186

5.2.2 Apache设置缓存策略186

5.3总结190

第6章 工作流191

6.1本地工作流192

6.1.1二次构建的隐患193

6.1.2代码分离与测试沙箱194

6.2云平台工作流197

6.2.1 GitFlow与版本管理199

6.2.2 WebHook与自动构建201

6.3持续集成与持续交付203

6.4总结205

第7章 前端工程化的未来206

7.1前端工程师未来的定位206

7.1.1不只是浏览器207

7.1.2也不只是Web208

7.2前端工程化是一张蓝图209

7.3总结212