摘要：
一、简介 vertical-align的意思是在垂直方向进行对齐。 它主要对以下属性有效： inline元素 inline-block元素 table-cell元素 ::first-letter 和 ::first-line 取值： baseline | length | percentage | 阅读全文
摘要：
生命周期（旧） 组件的生命周期可分成三个状态： Mounting(挂载)：已插入真实 DOM Updating(更新)：正在被重新渲染 Unmounting(卸载)：已移出真实 DOM 挂载阶段： ReactDOM.render()触发，初次渲染。组件挂载的生命周期调用顺序如下： 1、constru 阅读全文
摘要：
受控组件 在HTML中，表单元素的标签<input>、<textarea>、<select>等的值改变通常是根据用户输入进行更新。 而在React中，这些输入表单元素的值，应该保存在state中，并且只能由setState()进行更新。比如给表单元素绑定onChange事件，当input状态发生改变 阅读全文
摘要：
1、Symbol概述 ES6 引入的一种新的原始数据类型Symbol，表示独一无二的值。 它属于JavaScript语言的原生数据类型之一，其他数据类型是：undefined、null、Boolean、String、Number、Bigint、Object。 使用场景： ES5 的对象属性名都是字符 阅读全文
摘要：
类式组件 import React, { Component } from "react"; export default class App extends Component { render() { return <h2>我是类式组件</h2> } } 创建类式组件，必须继承React.Com 阅读全文
摘要：
简单组件 和 复杂组件 的概念 如果组件有state（状态）属性，就是复杂组件。 如果没有state（状态）属性，就是简单组件。 state、props、refs是组件实例的三大核心属性，在之后会逐一进行详细地讲述，不了解者可以先跳过，之后再来回看下述内容。 函数式组件 function App() 阅读全文
摘要：
防抖 概念 某个函数，在某段时间内，无论触发了多少次，都只执行最后的一次。 实现原理 利用定时器 /* * 防抖函数 * @param fn 事件触发的操作 * @param delay 多少毫秒内连续触发事件，不会执行 * @returns {Function} */ function debou 阅读全文
摘要：
面向对象 在了解new的原理之前，先简单地了解一下构造函数和对象。 js可以通过构造函数创建对象： function Test() { } var t = new Test(); 构造函数的首字母大写，以和普通函数区分开。 上述代码中，Test被称为“构造函数” 或者 “类”，Test是t的构造函数 阅读全文
摘要：
继承的概念 谈到继承，就不得不谈到类和对象的概念。 类是抽象的，它是拥有共同的属性和行为的抽象实体。 对象是具体的，它除了拥有类共同的属性和行为之外，可能还会有一些独特的属性和行为。 打个比方： 人类，就是一个抽象类，假设人类的共同属性是有手、有脚、有嘴巴，共同的行为是说话。 小明，就是一个具体的对 阅读全文
摘要：
构造函数 与new运算符一起使用在创建对象的语句中的函数。 在ES6之前，我们面向对象都是通过构造函数实现的。我们把对象的公共属性和方法放在构造函数中。 // 创建一个构造函数 function Foo(name, age) { this.name = name; this.age = age; t 阅读全文