本文最初发表于博客园，并在GitHub上持续更新前端的系列文章</str ...

JSX介绍 JSX的引入 如果直接让用户通过 JS 代码手动创建DOM元素，肯定是非常麻烦的。 于是，React 官方就提出了一套 JSX 语法 ...

介绍 vue实例的生命周期：从Vue实例创建、运行 ...

组件的生命周期 在组件创建、到加载到页面上运行、以及组件被销毁的过程中，总是伴随着各种各样的事件，这些在组件特定时期，触发的事件统称为组件的生命周期。 生命周期的阶段< ...

前言 本文主要内容： v-model v-for v-if <p ...

虚拟DOM和diff算法 在学习 React 之前，我们需要先了解两个概念：虚拟DOM、diff算法。 <h3 id="dom" ...

React路由的使用 使用React路由之前，我们需要先安装 react-router-dom这个包。比如： < ...

前言 动画的作用：提高用户的体验，帮助用户更好的理解页面中的功能。 使用过渡类名实现动画 官方文档的截图 过渡类名如下 ...

defaultProps 和 prop-types 使用 defaultProps 设置组件的默认值 R ...

单项数据绑定 在 Vue 中，可以通过 v-model 指令来实现双向数据绑定。但是，在 React 中并没有指令的概念，而且 React 默认不支持 双向数据绑定。 ...