《前端工程化体系设计与实践》-笔记

2024-05-12 00:05:12

github 地址：https://github.com/boijs/boi

这篇博客是我对《前端工程化体系设计与实践》做的笔记，这本书本身讲的也是比较范的东西，只是给出整体的前端搭建工程的解决方案，具体的实现细节，还是需要我们自己一个一个去查，然后结合自己的项目去深入了解。

本书的思维导图

第一章前端工程简史

前后端分离形态

工程化方案整体架构

第2章脚手架

sails.js node.js全栈MVC框架
yeoman 开放的脚手架平台，不封装任何具体方案

第3章构建

自动生成CSS Sprites功能实现借助于插件postcss-sprites

模块化开发 1.CommonJS 2.AMD/CMD--着力于浏览器的模块和规范

ES6 module import export

3.6 增量更新与缓存 1）本地缓存：LocalStorage, SessionStorage

http缓存策略：强制缓存和协商缓存

Expires和max-age

Etag和If-none-match

增量更新：

为文件加hash值

hash和chunkhash

contenthash是由ExtractTextPlugin插件提供

3.7.2 compiler compilation

第4章本地开发服务器

Mock服务

json-server

4.2 动态构建

webpack-dev-middleware

lazy-是否开启惰性模式

watchOptions-监听细节配置

Livereload 跟HMR的区别

Livereload 的原理是在浏览器和服务器之间创建websocket连接，服务器端在执行完动态编译之后发送reload事件至浏览器，浏览器接收到此事件之后刷新整个页面

HMR Hot Module Replacement

以局部更新取代整体更新

4.3.2 异步数据接口

MockServer 用node搭建的服务

Local模式
Proxy模式 express-http-proxy
DefinePlugin和环境变量

第5章部署

5.1 审查代码

5.2 Apache设置缓存策略

第6章工作流

6.1 本地工作流

6.1.2 代码分离与测试沙箱

6.2 云平台工作流

6.2.1 gitflow与版本管理

转载于:https://www.cnblogs.com/ppxyq/p/10623100.html

《前端工程化体系设计与实践》-笔记相关推荐

《信贷的逻辑与常识》笔记
序银行信贷风险管理的反思现状与趋势银行贷款的质量变化与经济周期.宏观调控政策等存在很高的相关性现在银行不良贷款的增加主要是前几年经济快速增长时企业过度投资.银行过度放贷所带来的结果. 从历史情 ...
AI公开课：19.02.27周逵(投资人)《AI时代的投资逻辑》课堂笔记以及个人感悟
AI公开课:19.02.27周逵(投资人)<AI时代的投资逻辑>课堂笔记以及个人感悟目录课堂PPT图片精彩语录个人感悟课堂PPT图片精彩语录更新中-- 文件图片已经丢失-- ...
人工智能入门算法逻辑回归学习笔记
逻辑回归是一个非常经典的算法,其中也包含了非常多的细节,曾看到一句话:如果面试官问你熟悉哪个机器学习模型,可以说 SVM,但千万别说 LR,因为细节真的太多了. 秉持着精益求精的工匠精神不断对笔记进行 ...
【逻辑回归学习笔记】
算法描述 1.逻辑回归要做的事就是寻找分界面实现二分类. 2.问题假设:对一堆三角形和正方形分类. 3.数据输入:已知正方形和三角形的坐标和标签. 4.算法过程: 知识储备 1.分类和回归 ①分类的目 ...
逻辑回归函数学习笔记
继续逻辑回归学习,今日笔记记录. 1.逻辑回归和线性回归的关系:对逻辑回归的概率比取自然对数,则得到的是一个线性函数,推导过程如下. 首先,看逻辑回归的定义其次,计算两个极端y/(1-y),其值为( ...
2.2 逻辑回归-机器学习笔记-斯坦福吴恩达教授
逻辑回归上一节我们知道,使用线性回归来处理 0/1 分类问题总是困难重重的,因此,人们定义了逻辑回归来完成 0/1 分类问题,逻辑一词也代表了是(1) 和非(0). Sigmoid预测函数在逻辑 ...
LVM逻辑卷分区笔记
磁盘的静态分区有其缺点:分区大小难评估,估计不准确,当分区空间不够用的时候,系统管理员可能需要先备份整个系统,清除磁盘空间,然后重新对磁盘进行分区,然后恢复磁盘数据到新分区,且需要停机一段时间进行恢复 ...
适合理工直男的钟平老师逻辑英语学习笔记
一切的一切都只是套路! --鲁迅核心公式: En: (状语1) 主(定语1) 谓(状语2) (宾)(定语2) (状语1) Ch: (状语1) (定语1)主 (状语2)谓 (定 ...
【数字逻辑】学习笔记第四章 Part2 常用组合逻辑电路与竞争、险象
文章目录一.常用组合逻辑电路 1. 译码器 (1) 二进制译码器 74LS138(3/8译码器) a. 一般符号和图形符号 b. 74LS138功能表 c. 两片 `74LS138` 构成 `4-1 ...
线性回归、逻辑回归学习笔记
学习源代码 import numpy as np import matplotlib.pyplot as plt def true_fun(X): # 这是我们设定的真实函数,即ground trut ...

最新文章

热门文章