活抓一只小机灵

本文对于受控组件和非受控组件的使用场景进行分析，并探究一下 React 是怎样实现受控组件的。记录学习。...

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

我们在开发项目的过程中往往会遇到一些很复杂的应用场景，复杂的场景必然避免不了多个组件的嵌套使用，遇到这种场景我们通常会使用一些状态管理器，但这篇文章会教你使用React核心...

个人理解，单页面应用是使用一个html下，一次性加载js, css等资源，所有页面都在一个容器页面下，页面切换实质是组件的切换。 history 可以理解为react-ro...

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

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

React有着独特的事件机制-合成事件，React的初学者肯定碰到过这种问题，使用event.stopPropagation();，却还是无法禁止当前组件的事件冒泡，这就是...

下面是我阅读过源码后，将所有的执行流程总结出来的流程图，不会贴代码，如果你想阅读代码看看具体是如何实现的，可以根据流程图去源码里寻找。 组件装载 / 更新。 通过lastP...

fetch 的兼容性已经足够好，足以替换包括 $.post 在内的各种取数封装。 原生用得久了，发现拓展性更好、支持 ssr 的同构取数方案也挺好，比如 isomorphi...

** 什么是 Svelte ** 如果您曾经构建过 JavaScript 应用程序，你或多或少使用过 React，Angular，Vue 和 Ractive。与 Svelt...

受控组件：组件的值的更新依赖状态值来更新，一定程度上，组件值是恒等于状态值的。 非受控组件：组件值更新由组件自己维护，需要以操作 DOM 的方式来获取组件的值。 不设置 o...

将上面的代码下载下来，本地安装以来后，运行 yarn dev ，然后观察 public 里的 build 文件夹中的 bundle.js 文件。以下内容贴出来的代码均是 d...

在《都2020年了你还不知道Svelte》这个系列里，我们将会介绍 Svelte 框架的基本用法、特性、优缺点、基本原理和源码分析。 相比于 Vue、React, Svel...

借助vue-loader我们可以把一个vue文件编译成一个组件的配置项对象，其中的template会被编译成render函数。 然后在我们new Vue(options)的...

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

像 js 一样地使用 css 。表现有2种： 使用 js 来书写 css ，更灵活（JSS / styled-components）。 为什么要用 CSS-in-JS ？大...

Vue 在 template -> AST -> parse -> optimize -> generate -> render -> vnode 这个template 转...