前端领域框架百花齐放，各种优秀框架出现（react，Vue，ag）等等框架。为了方便开发者快速开发， 开发对应的 cli 脚手架，来提高产出。然而初中级的前端工程师对项目里的 webp ...

MVVM模式 Model：负责数据存储< ...

前言 webpack5正式发布已经大半年了，一直囔囔着要去看看这次更新带来了哪些新特性，但是因为实在是太（xue）忙（bu）了（dong），所以一直没有去实践。但作为 ...

性能优化是把双刃剑，有好的一面也有坏的一面。好的一面就是能提升网站性能，坏的一面就是配置麻烦，或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景，需要谨慎使用，请读者带着批判性 ...

Data URLs 与 url-loader除了file-loader这种通过copy物理文件的形式去处理文件资源以外还有一种通过date url的形式去表示文件。这种方式也非常常见。Data URLs是一 ...

Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等 ...

本文目录： 1.前端性能优化思路 2.如何理解回流和重绘？ 3.CDN 是什么？ 4.Webpack性能优化 优化开发体验 ①缩小文件搜索范围 ②DllPlugin可以将特定的类库提前打包然后引入 ③HappyPack 优化输出质量 ①按需 ...

前言 首先，当我们编写代码时，不通过模块化的思想想要引入一个js，通常是在html文件中创建一个script标签，引入我们需要的js，如果我们引入的是自己手写的js，很容易发生变量重名的冲突。 例如： // 变量同名冲突 // a.js v ...

抓住2019年的尾巴，迎接2020年的到来~ 给自己的2019年画上一个完美的句号。 引言 webpack 对于现在的前端开发的你来说，不算陌生，你或许没有真正去了解过它是如何使用的，但你的项目中确实使用过它，因为你项目的打包编译都跟他息息 ...

上节讲了下webpack的loaders，然后尝试用babel-loader打包了下，想这些基础的loader还有一些需要介绍一下，本章说下关于打包图片资源的loader：file-loader和url-loader。 git仓库：web ...