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