Vue 3 的响应式系统由四个核心概念组成：Proxy、effect、track、trigger。Proxy 负责拦截数据读写，effect 包装需要追踪的副作用函数，track 在读取时收集依赖，trigger 在写入时派发更新。四者形成”数据 → 副作用”的自动同步链路。 本文从这四个概念出发，梳理它们的分工与协作方式，并在最后给出一个约 200 行的最小化实现，作为理解响应式原理的参...
本节来自渡一教育大师课课程课件，仅基于个人学习基础上增加部分补充。WEB前端大师课 浏览器的进程模型 何为进程？ 程序运行需要有它自己专属的内存空间，可以把这块内存空间简单的理解为进程 每个应用至少有一个进程，进程之间相互独立，即使要通信，也需要双方同意。 何为线程？ 有了进程后，就可以运行程序的代码了。 运行代码的「人」称之为「线程」。 一个进程至少有一个线程，...
分享｜如何科学刷题？ - 讨论 - 力扣（LeetCode） 🔥 连八股文都不懂还指望在前端混下去么 2022年我的面试万字总结（Node、webpack、性能优化） 15 张前端高清知识地图，强烈建议收藏 一名中/高级前端工程师的自检清单 CSS Evangelist web.dev for China codereasy的个人空间-codereasy个人主页-哔哩哔哩视频 ...
作用域与作用域链是 JavaScript 中标识符解析的底层机制。这两个概念直接关联到变量访问规则、闭包行为、this 绑定和内存管理，构成从执行上下文到垃圾回收的完整逻辑链条。本文从执行上下文出发，逐步推导作用域链的创建过程、标识符查找规则，以及闭包与作用域链之间的确切关系。 作用域：变量与函数的可见边界 作用域规定了一段代码中变量和函数的可访问范围。在 ES6 之前，JavaScri...
关联阅读：《阅读DAY11 对象、类与面向对象编程》 大多数人学原型链停在”怎么用”，但真正值得追问的问题是：JavaScript 为什么要有原型链？1995 年的网景在面对什么约束？原型模式到底解决了类继承解决不了的什么问题？ 本文不讨论原型链的 API 细节（Object.create、__proto__、prototype 的指向关系），而是回溯到 1995 年，从设计动机...
JavaScript 提供了多种判断值类型的机制，各自适用于不同的场景。本文梳理 typeof、instanceof、Object.prototype.toString.call()、Array.isArray()、constructor 和 isPrototypeOf() 六种方式的适用边界与取舍逻辑。 typeof：原始类型检查的基本工具 typeof 是类型判断中最常用的操作符...
阅读 ECMAScript 规范或红宝书时，形如 [[Prototype]]、[[Call]]、[[ThisValue]] 的记号频繁出现。这些以双方括号包裹的标识符是规范层面的内部属性（Internal Slots / Internal Methods）——它们不在 JavaScript 代码中直接暴露、不可通过属性访问语法读取，但定义了语言运行时的底层行为。本文对前端开发中最常遇到的几类...
网络模型与分层架构 OSI 七层模型与 TCP/IP 四层模型 网络通信的复杂性被分层模型所管理。理论上存在 OSI 七层参考模型，但工程实践中遵循的是 TCP/IP 四层模型。两者的对应关系以及各层代表性协议如下： 层级 OSI 七层 TCP/IP 四层 代表性协议 7 ...
开始阅读JavaScript高级程序设计（第5版）学习JS，总共有1000+页，非常全面，短期看完不太现实，找到了一篇博客，花些时间跟着这篇博客过一下红宝书。 JavaScript高级程序设计（第5版）微信读书 红宝书《JavaScript高级程序设计（第5版）》学习大纲 - 大前端全栈开发 - SegmentFault 思否 Proxy 与 Reflect 的分工 Proxy ...
需求 博客文章越来越多，希望侧边栏新增一个「最近」tab 页，按最后修改时间（last_modified_at）降序展示最近 7 天内修改或新建的文章，不足 10 篇时用最新文章补齐。 技术方案 Chirpy v5.1 侧边栏的 tab 页由 _tabs/*.md 文件 + collections.tabs 驱动。常规做法是自定义 layout 分页，但不干净。 最终采用 纯 Rub...
