- 博客(8)
- 收藏
- 关注
原创 TypeScript 泛型详解
泛型是 TypeScript 的核心特性,它通过类型参数化实现了代码的复用性和类型安全,尤其适合以下场景:通用工具函数(如 map、filter)。数据结构和容器类(如 Array、Map)。API 接口定义和数据模型。前端组件库的类型化设计。掌握泛型后,你可以编写出更灵活、更健壮的 TypeScript 代码。
2025-06-18 09:39:08
717
原创 TypeScript类的修饰符有哪些?
TypeScript 的类修饰符提供了精细的成员访问控制和行为管理机制:public(默认公开)、protected(仅限类和子类)、private(仅限类内部)和原生私有字段 #field 控制访问权限;readonly 确保属性不可变;static 定义类级别成员;abstract 用于定义必须由子类实现的抽象结构和基类规范。这些修饰符共同增强了代码的封装性、安全性和可维护性,使面向对象编程更加严谨和灵活。
2025-06-18 08:57:45
902
原创 继承的方式都有哪些?
原型链继承、构造函数继承、组合继承、原型式继承、寄生式继承、寄生组合式继承和ES6 class继承。每种方式都各有特点,如原型链继承简单但存在引用共享问题,组合继承通用但效率较低,寄生组合式继承是ES5最优方案,而ES6 class继承语法简洁,是现代开发的首选。
2025-06-11 09:47:02
377
原创 什么是事件流?什么是事件委托?
JavaScript中的事件流包含捕获、目标和冒泡三个阶段,描述事件从触发到传播的完整路径。事件委托则利用冒泡机制,将子元素事件交由父元素统一处理,适用于动态元素和性能优化场景。两种机制相辅相成,事件委托依赖冒泡阶段实现,通过判断event.target区分事件源。合理使用能减少内存占用、简化代码,但需注意某些不冒泡的事件类型和阻止传播的影响。掌握这些概念有助于编写更高效、可维护的前端代码。
2025-06-10 09:05:42
724
原创 vue的$nextTick的作用是什么?什么时候触发?
$nextTick是Vue.js中解决DOM异步更新问题的关键API。本文解析了其工作原理:Vue将DOM更新操作放入队列执行,$nextTick回调会在队列清空后触发。
2025-06-09 16:10:50
991
原创 React的生命周期有哪些?
React 生命周期分三阶段:挂载(constructor→render→componentDidMount)、更新(getDerivedStateFromProps→shouldComponentUpdate→render→componentDidUpdate)、卸载(componentWillUnmount),其中 componentDidMount 适合 API 请求shouldComponentUpdate 用于性能优化
2025-06-09 15:20:05
678
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人