雨就是我108357

webpack 是一个模块打包器，分析你的项目结构，找到 JavaScript 模块以及其它的一些浏览器不能直接运行的拓展语言（sass，less，typeScript等），并将其打包为合适的格式以供浏览器使用。 path 告诉 Webpack 打包的结果存储在哪里。 publ…

本文通过实现一个最简路由来看 React Router 的源码实现，由浅入深，一步步领略路由之美。 以 hash 形式为例。 1、init 监听浏览器 url hash 更新事件。 2、route 存储路由更新时的回调到回调数组routes中，回调函数将负责对页面的更新。 当 …

从一个简单需求开始。 点击按钮弹出一个对话框，再次点按钮关闭对话框。点击对话框外的空白区域也可以关闭对话框。 但实际上的效果并不是我们想要的，点击 Dialog 依旧会关闭。 1、通过 e.target 判断。 React 基于 Virtual Dom 实现了一个事件合成的机制…

举个例子🌰下图是vconsole的依赖关系图，依赖关系清晰明了，实在是优秀代码的典范啊madgemadge使用手册安装madge安装graphvizMacOSXUbuntu下边以MacOSX为例：1、

把一段文本中的网址转换成 a 标签链接，只需要使用正则将文本中的链接替换成 a 标签即可，只是在网页中需要注意防止 XSS攻击。

如果没有 Virtual DOM，简单来说就是直接重置 innerHTML。这样操作，在一个大型列表所有数据都变了的情况下，还算是合理，但当只有一行数据发生变化时，它也需要重置整个 innerHTML，这时候就造成了大量浪费。 Virtual DOM 是 React 的根基，几…

1、冒泡排序2、选择排序3、插入排序4、希尔插入排序5、快速排序6、归并排序7、堆排序

遇上很多需求都可以通过position: sticky轻松解决。比如页面滚动时，操作栏随页面滚动到视口顶端时，固定在顶部，不随着滚动消失。 各大浏览器陆续支持了一个新值 position: sticky。一起开始一场奇妙的探索之旅吧。 粘性定位中有一个“流盒”（flow box…