工程化
文章平均质量分 66
前端小99
一点一滴 不忘初心
心有猛虎 细嗅蔷薇
展开
-
网页优化本地字体资源包
然后node进入当前项目根目录。获取全局根目录下的html文件。但是一直获取不到资源。原创 2023-03-08 18:29:39 · 164 阅读 · 1 评论 -
前端性能优化总结
前端指标 1、FP,First Paint。 2、FCP,First Content Paint。 3、FMP,First Meaning Paint。 4、ATF,Above The Fold,首屏时间 5、TTI,Time To Interact,首次交互时间,可以用DomReady时间。 6、资源总下载时间。Load时间 >= DomContentLoaded时间 (1)Dom加载完时间,DomContentLoaded。 (2)页面资源加载完时间,Load,包括图片,音视频等异原创 2021-02-19 10:58:46 · 398 阅读 · 0 评论 -
前端组件化是个撒?
在了解模块化、组件化之前,最好先了解一下什么是高内聚,低耦合。它能更好的帮助你理解模块化、组件化。 高内聚,低耦合 高内聚,低耦合是软件工程中的概念,它是判断代码好坏的一个重要指标。高内聚,就是指一个函数尽量只做一件事。低耦合,就是两个模块之间的关联程度低。 仅看文字可能不太好理解,下面来看一个简单的示例。 // math.js export function add(a, b) { return a + b } export function mul(a, b) { retur原创 2021-01-26 14:16:01 · 136 阅读 · 0 评论 -
还算详细的 webpack打包工具
webpack的安装 第一次,全局安装:安装到C:\Users\Administrator\AppData\Roaming\npm npm install webpack -g npm install webpack-cli -g 第二次,本地安装:安装到命令所在目录(遵循npm下载的规则) npm install webpack npm install webpack-cli 在项目中安装最新版本或特定版本,分别执行以下命令: npm install --save-dev we...原创 2020-09-14 18:08:13 · 238 阅读 · 1 评论 -
gulp打包工具
npm install -g gulp原创 2020-09-14 17:06:47 · 286 阅读 · 0 评论