1. React 生命周期概览React 会把状态的变更更新到 UI，状态的变更过程必然会经历组件的生命周期。所谓的生命周期就是组件从创建到销毁的过程，它是一个很抽象的概念， React 通常将组件生命周期分为三个阶段：● 装载阶段（

1. 定义组件接口React 世界由组件构成，所以，如何设计组件的接口就成了组件设计最重要的事情。 （1）设计原则React 的组件其实就就是软件设计中的模块，所以其设计原则也遵从通用的组件设计原则，简单说来，就是要减少组件之间的耦

React Router 是 React 生态系统中最受欢迎的第三方库之一，近一半的 React 项目中使用了 React Router，下面就来看看如何在 React 项目中使用 React Router v6 吧！ 1. 概述Re

一、什么是组件化在处理一个复杂的问题时，我们逻辑思维能力是有限的，不太可能一次性搞定所有的内容，那我们就可以对问题进行拆解，拆解成一个个小的问题，最后将其放入整体中，这就是分治的思想。 分而治之是软件工程的重要思想，是复杂系统开发和维

在每个前端项目中，都有 package.json 文件，它是项目的配置文件，常见的配置有配置项目启动、打包命令，声明依赖包等。package.json 文件是一个 JSON 对象，该对象的每一个成员就是当前项目的一项设置。package

一、开发前的准备 1. 开发环境 （1）Node.jsNode.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。React 应用并不依赖于 Node.js 运行，但是开发过程中的一些编译过程（比如 npm

1. inputmodeinputmode全局属性是一个枚举属性，它提供了用户在编辑元素或其内容时可能输入的数据类型的提示。 1<input type="text" inputmode="tel&qu

1. input 标签：输入验证我们通常会使用 JavaScript 来校验表单，比如： 123456function validateForm() { const inputText = document.forms[&q

1. CSS（1）CSS 世界、CSS 新世界CSS 世界三部曲中的其中两部，都是关于 CSS 的进阶读物，作者结合自己多年的从业经验，讲解 CSS 基础知识，并充分考虑前端开发者的需求，以 CSS 新特性的历史背景为线索，去粗取精，

Ahmad Shadeed，主要分享 CSS 相关文章：https://ishadeed.com/ Iskander Samatov，主要分享 TypeScript、React 相关文章：https://isamatov.com/ N