- 博客(14)
- 收藏
- 关注
原创 【JavaScript】一个例子来深入理解 Symbol 的应用
摘要:Symbol是JavaScript中的原始数据类型,具有唯一性特点,可有效解决全局变量冲突问题。以多模块协作开发电商商品详情页为例,传统字符串键名容易导致命名冲突(如多个开发者使用相同键名覆盖配置),而Symbol创建的键名即使描述符相同也互不干扰。此外,Symbol键名默认不会被常规遍历方法获取,进一步降低了误修改风险。Symbol的特性使其成为大型协作项目中管理全局变量的理想选择,能够确保配置隔离与安全性
2025-11-09 17:31:20
752
原创 【前端】“宏任务队列”已经不存在了
上周面试某大厂时候被问到JS事件循环,当时我强调浏览器的「宏任务队列」说法已被摒弃,单纯的将非任务队列归纳为「宏任务队列」已无法支撑现代浏览器的复杂程度。而面试官不相信,在我的坚持下,面试官说保留说法后续研究。之后我查阅了大量资料后,证明这是事实———JS 作为单线程语言,其异步编程模型一直是前端开发的核心议题。在 Chrome 浏览器中,V8 引擎作为 JavaScript 的执行核心,其任务调度机制直接影响着网页的性能和用户体验。近年来,随着 Web 标准的不断演进,关于任务队列的术语和实现都发生了重要
2025-10-30 22:27:30
362
原创 【浏览器原理】事件循环(渡一前端课程笔记)
关键字:进程,线程,异步,渲染进程,事件循环,消息循环,消息队列,微队列,交互队列,延时队列,渲染主线程,计时线程
2025-09-20 23:27:01
488
原创 【JavaScript】详解Promise(含手撕代码)
Promise 是现代 JavaScript 异步编程的基础机制,面试常考手写 Promise 实现,包括状态管理、then 方法等核心功能。
2025-09-15 10:46:40
602
原创 【React】总结 22 个React核心概念
受 Code Bootcamp 发布的视频《Every React Concept Explained in 12 Minutes》的启发,下面用中文对 React 的 22 个核心概念进行梳理。每个部分都配有简短示例和关键细节,所引用的事实和规则均来自官方文档,以便读者能够快速掌握核心思想并在开发中遵循最佳实践
2025-09-12 00:16:33
856
原创 # 【JavaScript】常见报错 & 捕获方法(不只是try catch)
JavaScript 常见错误类型与捕获方法 错误类型 RangeError:参数超出有效范围(如数组负长度、递归过深) ReferenceError:访问未声明变量 SyntaxError:语法错误(如括号/引号缺失) TypeError:类型不匹配(如数字调用字符串方法) URIError:URL编解码参数非法 InternalError:引擎内部错误(如递归爆炸) 捕获方法 try/catch/finally:同步代码错误处理,finally确保清理 Promise.catch:捕获异步Promise
2025-08-28 01:17:33
799
原创 【开源作品】TypeFast--高度自定义的英文打字练习测速网站
TypeFast是一款开源的英文打字练习/测速Web应用,专为备考托福/GRE等机考设计。基于React18+Vite+TailwindCSS+Zustand开发,支持自定义训练文本(可导入范文)、实时统计WPM/CPM/准确率等数据,并持久化历史记录
2025-08-14 22:13:20
172
原创 【云原生】用说人话的方式解释kubernetes(k8s)核心概念
摘要:Kubernetes(K8s)是一个开源容器编排系统,它像码头的智慧调度中心一样自动化管理容器化应用。核心概念包括:容器(快递盒)封装应用及其依赖;Pod(捆绑箱)是基本调度单元;节点(卡车)运行容器;Deployment管理版本更新;Service提供稳定访问入口;Label标记资源属性;Namespace隔离资源;PV持久化存储数据;Ingress控制外部访问。这些组件协同工作,实现应用的自动扩缩容、故障恢复和跨环境部署
2025-08-03 00:13:34
656
原创 盘点计算机领域【Token】的几种常见含义(LLMs、访问控制、区块链……)
摘要:Token在不同领域有不同含义。在自然语言处理中,token是文本处理的最小单元,也是大模型的计费单位;在访问控制中,token是服务端生成的授权令牌,用于验证用户权限,JWT是其常见实现;在编译原理中,token指源代码的最小语法单元;在区块链领域,token代表数字代币
2025-07-17 01:07:28
1043
原创 【React】useEffect依赖项总结速记+常用情景代码
React的useEffect Hook用于连接外部系统,其执行时机取决于依赖数组形式:空数组[]仅在组件挂载/卸载时执行;含依赖项的数组[deps]在依赖变化时执行;无依赖数组则每次渲染后都执行。常见应用场景包括定时器管理、API请求、事件监听、表单验证和订阅更新等。使用时需注意合理设置依赖项,避免性能问题,并确保通过清理函数正确释放资源。
2025-07-09 00:15:50
305
原创 【JS】手撕操作符new(保证你理解&面试满分回答
JavaScript中new操作符的执行过程可分为四步:1)创建空对象;2)将对象原型指向构造函数原型;3)改变this指向,使构造函数在新对象上执行;4)处理返回值,若构造函数返回非原始值则返回该值,否则返回新对象。通过_new函数的实现代码可以清晰还原这一过程,其中关键点包括Object.setPrototypeOf()设置原型链和apply()改变this指向。理解new的底层机制比单纯记忆更有价值,建议通过调试验证来加深理解。面试时可简洁说明核心步骤,强调原型链设置和this指向的变化。
2025-07-06 19:14:31
744
原创 【React】JSX中的逻辑运算符(&&、??、!!、!、?:、?.)
本文总结了React中常用的7种条件渲染与逻辑控制方法:1)逻辑与&&用于条件成立时渲染组件;2)三元运算符? :选择两个不同结果;3)逻辑或||提供默认值;4)逻辑非!布尔取反;5)空值合并??为null/undefined提供默认值;6)可选链?.安全访问嵌套属性;7)返回null禁止渲染。重点介绍了&&和??的使用场景及注意事项,强调要根据具体需求选择合适的方式,避免滥用可选链掩盖潜在问题。
2025-07-04 13:58:51
1052
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅