博主头像
<CodeEra />

心存敬畏 行有所止

分类 默认分类 下的文章

React 组件的三大核心属性之一 state 笔记

React 组件的三大核心属性之一是 state,它用于存储组件的动态数据。state 是组件私有的,并且可以在组件的生命周期内发生变化。当 state 发生变化时,React 会重新渲染组件,以反映最新的数据。以下是关于 state 的一些关键点:初始化 State:在组件的构造函数中,通过 this.state 来初始化 state。例如:constructor(props) { supe

ES6中class语法糖的super关键字

在ES6(ECMAScript 2015)中,class 是一种语法糖,用于定义类和实现继承。super 关键字在类继承中扮演着重要的角色,它用于调用父类的构造函数或方法。构造器中的 super当你在子类中定义构造函数时,通常需要调用父类的构造函数来确保父类的初始化逻辑被执行。super 关键字用于这个目的。示例假设我们有一个父类 Animal 和一个子类 Dog,Dog 继承自 Animal:c

图片 Base64 的优缺点及使用场景

图片 Base64 的优缺点及使用场景Base64 是一种将二进制数据编码为 ASCII 字符串的编码方式,常用于将图片嵌入到 HTML、CSS 或 JavaScript 文件中。以下是 Base64 编码图片的优缺点以及适用场景的详细分析。一、Base64 编码图片的优点减少 HTTP 请求:将图片直接嵌入到 HTML 或 CSS 文件中,可以避免额外的图片请求。对于小图片(如小图标、按钮背景等

v-for 指令中 key 属性的底层作用和渲染机制

在 Vue.js 中,v-for 指令用于循环渲染列表数据。为了提高渲染性能和避免潜在的 bug,Vue 要求在 v-for 中为每个循环项提供一个唯一的 key 属性。key 属性的底层作用和渲染机制非常重要,以下是详细的解释:1. key 的作用key 是 Vue 用来跟踪每个节点的唯一标识符。它的主要作用是:提高渲染性能:Vue 使用 key 来识别哪些元素是“相同的”,从而避免不必要的 D

CSS选择器及优先级顺序

CSS(层叠样式表)中有多种选择器,每种选择器都有不同的优先级。优先级决定了当多个样式规则应用于同一个元素时,哪个规则会生效。以下是常见的CSS选择器及其优先级顺序:1. 通用选择器*优先级:02. 元素选择器div, p, h1, span, a, 等等优先级:13. 类选择器.class优先级:104. 属性选择器[type="text"], [href], [class~