kenzung

最近使用create-react-app创建了一个工程，但是由于后端的/static路由被占用了，需要更改/static文件夹名称，因此有了本次实践

Tapable提供了上述9中hook。详细的api方法可以查看Tapable文档 下面以SyncHook为例，我们看看Hook处理的整个流程。SyncHook是Tapable中最容易理解的Hook，因此作为Demo进行分析。 首先我们一起看看tap方法（代码经过部分删减和转换）…

为了看到Webpack是怎么把模块进行加载和打包，这里创建了两个文件，分别是a.js和index.js，index.js调用了a.js的funcA。 以下webpack打包出来的文件（我做了一些删减和eval的转换）。 接下来我们一步一步看看模块是怎么加载的。 我们看到整个立即…

由于JavaScript是单线程，所以在同一时间只能完成一件事情。打个比方，程序在进行大量计算或进行IO操作，是无法进行DOM的UI渲染的。 我们假设JavaScript只支持同步顺序执行（网络延迟2s），那么上述代码就会是这样。 程序用6s进行网络请求操作（期间页面卡死，无法…

我们知道的盒子模型主要由4个区域组成，分别是内容区域（content），内边距区域（padding），边框区域（border）和外边距区域（margin）。 对于不了解盒子模型的朋友可以移步到这里了解一下。 1. 替换元素 替换元素（replaced element），顾名思义…

Storybook是一个辅助UI控件开发的工具。通过story创建独立的控件，让每个控件开发都有一个独立的开发调试环境。 Storybook的运行不依赖于项目，开发人员不用担心由于开发环境、依赖问题导致不能开发控件。 Storybook支持的框架覆盖主流的框架（React、Vu…

redux的store存储了应用的状态树，要改变state只能通过dispatch()方法。 createStore有3个参数，分别是reducer、preloadedState、enhancer。 reducer。这里传入的reducer通常是通过combineReducer…