接 Webpack 打包 commonjs 和 esmodule 模块的产物对比 继续，这篇文章来测试下 commonjs 模块和 esmodule 混用的情况，也就是 import 导入 commonjs 的模块，require 导入 esomodule 的模块，看一下它们在 Webpack 下的 ...

接 Webpack 打包 commonjs 和 esmodule 模块的产物对比 我们来继续分析。这篇文章主要来看一下动态引入，允许我们引入的模块名包含变量。 ⚠️超长代码预警，需要几个小时的时间去啃，但读懂以后应该会很开心。 commonjs新建一个 json 文件夹，包含几个 json 文件，和 ...

这篇文章不涉及 Webpack 的原理，只是观察下 Webpack 对 commonjs 和 esmodule 模块打包后的产物，读完后会对模块系统有个更深的了解。 环境配置Webpack 只配置入口和出口，并且将 devtool 设置为 false，把 sourcemap 关掉。 12345678 ...

背景最近用 Vupress 搭了两个静态的网站，设计模式的 pattern.windliang.wang 和 Vue 源码的 vue.windliang.wang，但会发现有时候打开网站会特别特别慢，终止请求才会加载出来。 从搭博客到现在一个多月了，实在不能忍受，这篇文章就来解决下这个问题。 问题 ...

接 Vue2剥丝抽茧-响应式系统、Vue2剥丝抽茧-响应式系统之分支切换，Vue2剥丝抽茧-响应式系统之嵌套 还没有看过的同学需要看一下。 这篇文章主要修之前代码存在的一个问题，废话不多说，上代码！ 场景12345678910111213141516171819import { obser ...

接 Vue2剥丝抽茧-响应式系统、Vue2剥丝抽茧-响应式系统之分支切换，还没有看过的同学需要看一下。 场景在 Vue 开发中肯定存在组件嵌套组件的情况，类似于下边的样子。 12345678<!-- parent-component --><div> <my-comp ...

接上篇：Vue2剥丝抽茧-响应式系统 ，没看的同学需要先看一下。 场景我们考虑一下下边的代码会输出什么。 1234567891011121314151617import { observe } from "./reactive";import Watcher from "./wa ...

目前工作中大概有 40% 的需求是在用 Vue2 的技术栈，所谓知其然更要知其所以然，为了更好的使用 Vue 、更快的排查问题，最近学习了源码相关的一些知识，虽然网上总结 Vue 的很多很多了，不少自己一个，但也不多自己一个，欢迎一起讨论学习，发现问题欢迎指出。 响应式系统要干什么回到最简单的代码： ...

从 1 月 6 号的第一篇设计模式文章 策略模式，截止到 3 月 8 号的最后一篇 基本原则，利用两个月的时间把二十三个设计模式都过了一遍，其中在平时开发中用到的都结合实际场景总结了一遍。 之所以开始总结设计模式，还是每篇文章开头所说的： 代码也写了几年了，设计模式处于看了忘，忘了看的状态，最近对 ...

代码也写了几年了，设计模式处于看了忘，忘了看的状态，最近对设计模式有了点感觉，索性就再学习总结下吧。 大部分讲设计模式的文章都是使用的 Java、C++ 这样的以类为基础的静态类型语言，作为前端开发者，js 这门基于原型的动态语言，函数成为了一等公民，在实现一些设计模式上稍显不同，甚至简单到不像使用 ...