Maggiew

模块式是目前前端开发最重要的范式之一。 随着前端项目的日渐复杂，不得不花费大量时间去管理。 模块化就是最主流的代码组织方式。 将复杂的代码按照功能不同划分为不同的模块，通过单独维护的方式，提高开发效率，降低维护成本。 「模块化」只是思想，不包含具体实现。 早期的技术标准并没有预…

亲爱的读者朋友，如果你点开了这篇文章，说明你对正则很感兴趣。 想必你也了解正则的重要性，在我看来正则表达式是衡量程序员水平的一个侧面标准。 关于正则表达式的教程，网上也有很多，相信你也看了一些。 与之不同的是，本文的目的是希望所有认真读完的童鞋们，都有实质性的提高。 本文内容共…

let/const在进入块级作用域后，会因为提升的原因先创建，但不会被初始化，直到声明语句执行的时候才被初始化，初始化的时候如果使用let声明的变量没有赋值，则会默认赋值为undefined，而const必须在初始化的时候赋值。而创建到初始化之间的代码片段就形成了暂时性死区 f…

之前写过一篇 Redux 的源码解析文章，时隔几个月我又看了看 React Redux 的源码，这一次也是收获满满，所以写下了这篇博客记录一下我的收获。 React Redux 不同于 Redux，Redux 的设计目的在于提供一个独立于 UI 的数据中心，使得我们可以方便地在…

基于 webpack 构建的大型项目开发速度已经非常慢了，前端开发者已经逐渐习惯忍受超过 100 秒的启动时间，超过 30 秒的 reload 时间。即便被寄予厚望的 webpack5 内置了缓存机制也不会得到质的提升。但放到十年前，等待时间是几百毫秒。 好在浏览器支持了 ES…

前几天听一个朋友说到 snowpack, 便去去看了下这个包是干什么的，看了下官网，发现这个东西还是蛮有意思的。号称 无需打包工具（Webpack，Parcel）便能将代码结果实时展现在浏览器中。可以先看以下的图，是不是很诱人？ snowpack 以 ES Modules 为主…

上一篇文章我简述了什么是 Virtual DOM，这一章我会详细讲 Diff 算法以及为什么在 React 和 Vue 中循环都需要 key 值。 Web 界面其实就是一个 DOM 树的结构，当其中某个部分发生变化的时候，实质上就是对应的某个 DOM 节点发生了变化。而在 Re…

好了，看完了特点，那就......

补充：如果以下内容有什么不对的地方，欢迎指正。 设计模式是为了更好的代码重用性，可读性，可靠性，可维护性。 创建型模式，共五种：工厂方法模式、抽象工厂模式、单例模式、建造者模式、原型模式。 结构型模式，共七种：适配器模式、装饰器模式、代理模式、外观模式、桥接模式、组合模式、享元…