- 博客(27)
- 收藏
- 关注
RSS订阅原创 面试官冷笑一声：原型链怎么实现继承？你答得出来吗？
原型链是 JavaScript 中实现继承的核心机制，通过 __proto__ 和 prototype 属性，对象可以沿着原型链查找属性和方法。每个对象都有一个 __proto__ 指向其原型，而构造函数则通过 prototype 属性为实例对象提供共享的属性和方法。原型链的查找流程是从对象自身开始，逐级向上查找，直到找到属性或到达 null。JavaScript 通过原型链实现继承，常见的继承方式包括原型链继承和寄生组合式继承，后者通过构造函数继承属性和 Object.create 复用原型方法，解决了共
2025-05-14 17:54:53
763
原创 Promise / async 都看过无数遍了，你真的能写出来吗？
📌 本文是《前端打怪笔记》系列第 2 篇，适合用于：**面试复习 / 代码输出 / 系统掌握异步机制**。从实际异步问题出发，带你理解 `Promise` 的设计思想，并**手写一个支持链式调用的 Promise 类**，真正吃透异步原理。
2025-05-09 17:44:14
868
原创 事件循环讲了 100 遍，这次你终于能真的搞懂了
事件循环几乎是前端人绕不过的坎，但也总是似懂非懂。看了 5 张不同的流程图刷了 3 遍教学视频背过“宏任务和微任务”规则和setTimeout谁先执行？究竟属于哪类任务？和谁优先？脑子还是“嗡”的一下。这篇文章就是为了让你真正理解，而不是记答案。
2025-05-08 18:25:35
1131
原创 Vue 人眼中的 React Router：从 router-view 到 Outlet，原来这么玩！
这个实战项目实现了：路由集中配置、嵌套路由、编程式导航、动态参数传递以及获取、路由守卫、声明式跳转。麻雀虽小，五脏俱全哈~Vue 更倾向于集中式配置与隐式结构注入；React Router 强调显式组合、组件优先、Hooks 驱动；从路由配置、导航跳转，到嵌套结构、懒加载、权限控制，React Router 提供了一个更灵活但也更自由的生态。如果你是 Vue 开发者，这篇文章相信能让你在理解差异的基础上，快速掌握 React Router 的使用方式和设计理念。
2025-05-07 18:53:41
716
原创 React 弹窗还能这样封装？高质量 Modal 的进阶指南来了！
弹窗写得溜，组件封装不犯愁！趁着五一假期前还有点空，我们再把 Modal 升个级…
2025-05-06 17:20:36
864
原创 React 弹窗还能这样写？手撸一个高质量 Modal 玩起来！
用了这么久 React，是时候自己封装个组件玩玩了。这次我们不讲虚的，从 0 开始动手写一个 Modal，支持受控、Portal 挂载等功能，写完你绝对能吹。
2025-04-29 18:51:27
881
原创 面试官：受控组件都分不清？还敢说自己写过 React？
面试官冷冷一笑，盯着我手里的简历。“你说你写过 React 项目？”“是的。”“那……受控组件和非受控组件，讲讲。”我心头一震，表面淡定地微笑，脑子却飞快回想起那些我曾无数次敲下的 `value`、`onChange`、`ref.current`……
2025-04-27 19:07:11
1013
原创 面试官让我渲染10万条数据？看我用 React 虚拟列表轻松搞定
虚拟列表“只渲染可视区域 + 少量缓冲区内容”，不该看的，统统不渲染！想象你有一个能装1000本书的大书架，但是你的房间只有一面墙那么大的窗户（屏幕），每次只能看到10本书。笨办法：把1000本书全都摆到窗户后面，但每次只能看到10本，其他990本白占地方还浪费体力（内存和性能）聪明办法：只在窗户后面放15本书（多放5本备用），当你要往下看时，快速把后面的书往前挪，同时补充新书（动态渲染）每次滑动，只需替换这 15 本即可 —— 这就是虚拟列表的核心思想。🚀定高虚拟列表。
2025-04-24 19:19:38
955
原创 Vue 人如何玩转 React 自定义 Hook？从 Mixins 到 Hook 的华丽转身
在 Vue 中，我们曾经依赖 mixin 来实现逻辑复用，它简洁、方便，但在大型项目中也暴露出种种问题：变量来源不明、命名冲突、逻辑耦合……本文将带你从 Vue 的角度出发，理解自定义 Hook 的设计理念，并通过实战演示其强大之处，帮助你完成从 mixin 到 Hook 的思维跃迁。
2025-04-22 19:01:20
1042
原创 Vue 人看 useReducer：比 useState 更强的状态管理利器！
useReducer是 React 中一把处理复杂状态的利器，尤其适合逻辑多、状态依赖强的场景。对 Vue 用户来说，它就像是 React 版的 Vuex，用起来既熟悉又顺手。如果你在用useState管状态用得头大，不妨试试useReducer，真的会上瘾！希望这篇文章能帮你快速掌握useReducer重学 React系列！
2025-04-21 18:45:42
1583
原创 React 性能优化三剑客实战：告别无效重渲染！
useContext虽然让跨层级传参变得优雅，但它对性能的副作用常常被忽视：只要value的引用发生变化，所有消费它的组件都会无差别更新，哪怕这些组件并未使用发生变化的那部分值。useMemo 保持 value 稳定：避免不必要的引用变化；memo 缓存消费组件：提升组件重用率，减少重渲染；组件职责拆分：精细控制渲染粒度，配合memo更高效。当这三种策略协同配合时，能最大化发挥 React 的性能潜力，实现真正意义上的按需渲染。希望这篇文章能帮你更深入理解useContext重学 React系列。
2025-04-18 17:47:34
1098
原创 Vue 人快上车！用 useContext 实现 Vuex 同款全局状态管理！
作为一个 Vue 转 React 的前端，我们早就习惯了使用 Vuex 来管理全局状态，什么 state、mutation、action 一套操作下来玩得贼熟练。但在 React 中，我们没有 Vuex 了，要怎样去进行状态管理呢？
2025-04-17 18:07:33
1179
原创 Vue 人看 useMemo：别再滥用它做性能优化
对 Vue 开发者来说，初见 `useMemo` 很容易以为它就是 React 版的 `computed`，但真相可能让你大吃一惊：它**不是**响应式的魔法工具，也**不是**你随手就该加的性能“神器”。
2025-04-16 18:09:26
1065
原创 Vue 人看 React useRef：它不只是替代 ref
如果你是从 Vue 转到 React 的开发者，初见 `useRef` 可能会想：这不就是 React 版的 `ref` 吗？但真相是 —— 它能做的，比你想象得多得多。
2025-04-15 18:18:20
957
原创 Vue 人转 React 必踩的 useEffect 坑，我来填平了
如果你刚从 Vue 进入 React 世界，useEffect可能是你最容易踩坑的 Hook。它看起来像 Vue 的生命周期函数，实际却大不相同。你是不是也遇到过这些疑惑？“它到底是mounted还是updated的替代？“为什么我的副作用逻辑会无限触发？“依赖项到底该不该加？加了它就炸，不加它报错？别急，这篇文章我会从运行时机、依赖项、清除机制到常见陷阱，逐一帮你搞清楚useEffect的使用姿势。
2025-04-14 18:58:09
1238
原创 Vue 开发者看过来！一文吃透 React 的 useState
作为 Vue 转 React 的前端，我刚开始接触 `useState` 时踩了不少坑。这篇文章我会用尽量通俗的方式，帮你彻底掌握它的用法和原理！
2025-04-11 18:58:59
867
原创 #揭秘Vue3源码之computed：懒计算与缓存机制全解析
在这个瞬息万变的前端世界里，你是否曾好奇：那些高性能的交互和流畅的用户体验背后，到底隐藏着怎样的“黑科技”？本文将带你深入探秘最新的计算属性computed源码实现，从底层逻辑到实际应用案例，全面揭开技术背后的神秘面纱。无论你是初学者还是资深开发者，都将在这里发现全新的思维方式，激发你无限的创意灵感，助你在技术的道路上再创高峰！
2025-04-03 13:41:30
685
原创 Vue3源码：5个问题带你读懂watch
在Vue3的中，watch被广泛使用，无论是在表单监听、数据同步，还是监听路由变化，watch都是Vue开发中不可或缺的工具。它的作用是在每次响应式状态发生改变时触发回调函数。这篇文章将带着5个疑问带你深入理解watch源码。watchcbwatchdeep: truerefoldValuenewValuejobwatch带着上面5个问题，我们进入源码中进行调试，看看watch是如何运行的，本文参考源码版本为。
2025-03-20 16:47:26
1096
原创 5 分钟掌握 TypeScript 结构化类型系统，一次搞懂鸭子类型！
你是否遇到过这样的情况：明明传了一个「看似不对」的类型TS居然不报错？这！不！科！学！😱这不是TypeScript的 bug，而是一个精心设计的特性——结构化类型（Structural Typing），江湖人称鸭子类型这个看似「随意」的机制，其实是TypeScript灵活性的核心密码。为什么两个毫无关系的类可以互相赋值？怎么避免「长得像」的类型意外兼容？
2025-03-12 17:29:46
1118
原创 Vue3源码解析之nextTick：拯救“数据变了但 DOM 还没反应过来”的尴尬场面
我们将深入剖析 Vue3 中的一个重要工具——nextTick。你可能已经在项目中多次使用过它，但是否真正理解它的工作原理？它是如何在异步更新 DOM 的过程中发挥作用的？它是如何与 Vue3 的响应式系统配合工作的？这些问题的答案，正是我们今天要揭开的谜底。通过这篇文章，你将不仅仅了解nextTick的基础用法，更会深入理解它的工作原理、底层实现以及应用场景。
2025-03-05 14:24:53
1112
原创 Vue3源码解析之Ref、Effect
上篇文章详细讲解了响应式原理中的核心方法reactive，这篇文章我们继续讲解响应式原理中的另一个核心方法ref以及副作用函数effect，本文参考源码版本为。
2025-03-03 17:14:55
1301
原创 手摸手带你阅读Vue3源码之Reactive 下
你是否曾想过，Vue3 中的reactive究竟是如何在幕后管理数据和视图更新的？本文将带你深入挖掘 Vue3 响应式系统的精髓，从源码中解开reactive的工作原理，帮助你在实际开发中更好地运用这一强大的功能。reactive函数实际上调用了方法。负责创建一个proxy实例，并为代理对象添加getter和setter行为，这些行为是在对象中定义的。在改变属性时，会触发中的set方法当新值被设置时，set方法会触发trigger函数，进而触发依赖的更新在trigger中，从。
2025-02-27 13:55:02
1086
原创 手摸手带你阅读Vue3源码之Reactive 上
你是否曾想过，Vue3 中的reactive究竟是如何在幕后管理数据和视图更新的？本文将带你深入挖掘 Vue3 响应式系统的精髓，从源码中解开reactive的工作原理，帮助你在实际开发中更好地运用这一强大的功能。学习reactive深入理解 JavaScript 中的Proxy和Reflect，掌握它们的使用和优势。学会如何在响应式系统中追踪依赖，触发视图更新，实现发布订阅模式。了解 Vue 如何处理深度嵌套的对象，并支持浅响应和深响应模式。学到性能优化的技巧，如何高效地管理依赖和更新。
2025-02-26 18:29:15
1064
原创 不再吐槽没有抽奖记录，用 Node+Koa+MongoDB 给女朋友写个抽奖系统
我不仅解决了女朋友“没有抽奖记录”的问题，还实现了一个基于的抽奖记录管理系统。每当她抽到“奖品”时，不仅能看到幸运的记录，还能看到所有历史抽奖记录，彻底避免了“我就知道你不会给我抽到奖”的尴尬！
2025-02-24 17:11:16
649
原创 02.20 手搓js笔记
是 JavaScript 中的一个方法，用于改变函数内部。类似，区别在于参数传递方式为数组。返回一个新的函数，新的函数可以在调用时指定。的指向，并且支持链式调用。的指向，并传入参数。以下是手动实现深拷贝的代码，使用。类，支持链式调用并且遵循。以下是一个简易实现的。
2025-02-24 17:09:09
144
原创 根据Promise/A+ 规范简单实现一个Promise
/实现Promise//定义Promise状态值static PENDING = '待定';static FULFILLED = '解决';static REJECTED = '拒绝';//定义result存储传入值//定义初始化状态，初始化状态为待定//传入方法直接执行//定义成功失败方法，需注意使用箭头函数写法，this指向对象内部//状态是单向且不可逆的，所以如果判断不为待定态则return//改变状态为对应状态//接收传入值。
2025-02-24 17:08:12
480
原创 React基础学习笔记
笔者技术栈为 Vue，闲来无事，重温下胖哥的React 基础课程，记录自己学习 react 的过程，希望能帮助到和我一样的初学者，此处附上胖哥课程的链接：React16 免费视频教程（共 28 集）当前全球最火的前端框架，由 Facebook 推出并进行维护，社区强大，国内的一二线互联网公司大部分都在使用 React 进行开发，还衍生了和React VR这些比较好用的框架。//目录表 ├─ public │ favicon . ico│└─srcApp . cssApp . js。
2025-02-24 17:01:17
734
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人