- 博客(9)
- 收藏
- 关注
原创 React思想基础(提炼官网精华篇)
避免->把只需要执行一次的逻辑放在 Effect 中,将应用级别的初始化逻辑保留在像 App.js 这样的根组件模块或你的应用入口中。最近的根节点父组件可能离需要数据的组件很远,状态提升 到太高的层级会导致 “逐层传递 props” 的情况。如果你在两个地方渲染同一个组件,则每个组件实例都有独属于自己的 state。如果它被移除,或者一个不同的组件被渲染在相同的位置,那么 React 就会丢掉它的 state。当组件接收到新的 props 或 state 时,通常是作为对交互的响应,它会进行组件的。
2025-03-26 10:47:42
476
原创 Typescript中的泛型函数
泛型约束是一种对泛型类型参数进行限制的机制,通过这种机制可以确保在使用泛型时,传入的类型满足特定的条件或具有特定的结构。泛型参数和普通参数的顺序没有严格要求,但从代码规范角度,会将泛型参数放在前面,普通类型参数放在后面。它允许编写更通用、灵活和可复用的代码,避免了为不同数据类型编写重复的函数代码。参数的泛型类型,只有声明后才可使用。则是让编译器自动推断类型为。
2025-02-25 14:21:11
192
原创 CSS - 响应式布局 - @media 媒体查询
Media Queries(媒体查询)是 CSS3 中引入的一种技术,用于根据不同的设备特性(如屏幕尺寸、设备类型、分辨率等)来应用不同的 CSS 样式。
2024-12-02 14:32:49
593
原创 CSS - html和:root
root伪类在 CSS 中用于匹配文档的根元素,在 HTML 文档中,它实际上也指向html元素。不过,:root伪类有一个重要的特点,它具有更高的特异性(specificity),并且它主要用于定义全局的 CSS 变量。
2024-12-02 13:26:12
519
原创 JS - call、apply、bind
bindcall和apply都是用于改变函数内部this的指向,使得函数可以在特定的对象上下文中被调用,从而能够访问和操作该对象的属性。:它们都是函数对象的方法,并且在函数调用的场景下发挥作用,通过这些方法能够灵活地控制函数执行时的this指向。:它们会函数,并返回函数的执行结果。它并函数,而是。这个新函数在被调用时,内部的this指向已经被绑定到指定的对象上,并且可以根据bind时传递的参数情况来接收剩余的参数。语法为函数名.call(对象, 参数1, 参数2,...)。
2024-11-25 12:09:19
648
原创 JS - 原型、实例化、继承
在 JavaScript 中,每个都有一个prototype属性(这个prototype属性指向一个对象,这个对象被称为。当通过一个函数创建一个对象(使用new关键字)时,这个新创建的对象会自动拥有对函数原型对象的引用。这里输出的Person.prototype就是Person函数的原型对象,它初始包含一个constructor属性,这个属性指向Person函数本身,即Person.prototype.constructor === Person。
2024-11-22 17:14:40
176
原创 JS - 对象字面量、对象构造函数
使用花括号来定义对象,在括号内直接指定对象的属性和方法。属性和方法以键值对()的形式列出。首先需要定义一个函数,这个函数通常以开头(在函数内部,通过关键字来设置对象的属性和方法。然后使用关键字来创建对象实例。
2024-11-22 12:28:42
505
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人