活抓一只小机灵

有一个需求： 电话号码输入要格式化，比如 15622223333，要格式化为 156 2222 3333。要怎么来实现呢？

React 合成事件： 1. 注册 2. 触发 3. 合成事件和原生事件的执行顺序 仅用于自身学习记录，往后认知深入时，会继续补充

从源码角度查看有趣的 useState 的更新流程（触发更新到 state 保存是详细介绍，其他简略），做个学习记录

受控组件：组件的值的更新依赖状态值来更新，一定程度上，组件值是恒等于状态值的。 非受控组件：组件值更新由组件自己维护，需要以操作 DOM 的方式来获取组件的值。 不设置 onChange 事件，输入内容，input 并不会渲染出来。因为 input 值的更新，是依赖状态值来更新…

将上面的代码下载下来，本地安装以来后，运行 yarn dev ，然后观察 public 里的 build 文件夹中的 bundle.js 文件。以下内容贴出来的代码均是 dev 环境下的 bundle.js 文件的内容。 可以看到，当调用 changeName 方法时，实质上是…

svelte 常规是 Rollup 配置，但我们常用 webpack 。为了降低学习成本以及复习 webapck 配置，所以，少年动起来吧！ 区分几个模块，逐一配置好，就好了。 至此，就可以愉快地跑起来啦。

像 js 一样地使用 css 。表现有2种： 使用 js 来书写 css ，更灵活（JSS / styled-components）。 为什么要用 CSS-in-JS ？大概是它可以解决 CSS 的一些痛点和带来了一些明显的爽点吧。 一般来说，样式的作用范围是全局的，但我们是模…

Vue 在 template -> AST -> parse -> optimize -> generate -> render -> vnode 这个template 转化为 vnode 流程中，在 optimize 阶段会做一些优化，就是检测不需要进行DOM改变的静态子树，…

已知，网页是单线程工作的，即是渲染进程在工作时，假如 JavaScript 引擎 执行 JavaScript 代码时，渲染进程会将控制权交予 JavaScript 引擎，不会两个进程同时在工作。因为，JavaScript 引擎 可能会操作DOM，所以，为了排除冲突，确保渲染正确…