主页

让 AI 更懂 Ant Design：MCP 协议在前端领域的落地实践 刘世豪 通过 [MCP + system prompt] 方案实现让大模型可以理解我们的特定组件信息，让大模型可以生成更相关的代码 Don’t lose user and app state, use Page Visibility 黄鹤翔 详细解释了为什么应该使用 visibilitychange，而不是 beforeunload/unload vscode - 如何全部关闭页面不用弹出弹窗保存的 车泽民 日常vscoder使用小技巧 响应式机制的未来：Signal 与现代前端框架 李勇鲁 Signal响应式机制的未来,充分介绍了前端发展至今的相关过程。 你是这样的 CSS，19个唯美的边...

three-loader 张伟达 让 deepwiki 加了 three-loader 的文档， 想了解 potree 的可以参考。 Galacean 图形渲染引擎轻量高效，开箱即用！ 李勇鲁 以下是这篇文章中提到的十项 Web 新特性： CSS 轮播图功能增强：Chrome 135 新增::scroll-button()和::scroll-marker()等 CSS 语法，配合scroll-snap-type等属性，开发者仅用 HTML 和 CSS 即可实现互动轮播图。 声明式弹出窗口（Interest Invoker API）：通过interest和popover属性搭配，无需 JavaScript 即可实现弹出窗口、工具提示等交互效果。 内置 AI API：...

面向对象编程：尘封的历史 张伟达 面向对象编程：尘封的历史 摘录： 按照艾伦·凯（Alan Kay）的观点，面向对象编程的核心要素是： 消息传递 封装 动态绑定 值得注意的是，继承和子类多态并非艾伦·凯——这位创造"面向对象编程"一词并将其推广至众的先驱——所认定的面向对象编程核心要素。 Galacean 图形渲染引擎轻量高效，开箱即用！ 李勇鲁 Galacean是轻量高效的多平台图形引擎，支持2D/3D渲染、动画、XR，应用于数字人、游戏等领域，具在线编辑器和AIGC功能。 Vue 3.4+ 重新认识 computed 车泽民 关于计算属性computed新版逻辑 WebGL2系列之顶点数组对象 崔鹏程 介绍顶点数组对象 计算机图形学中的法线 刘世豪 计算...

[ECMAScript] 杂谈： setTimeout 还有多少未知 刘世豪 关于settimeout的一些冷门知识点 Vue 性能调试实战：精准定位组件渲染瓶颈 崔鹏程 本文将介绍一种 简单、高效、体系化 的调试方法，从浏览器性能面板时间线入手，结合 Vue 提供的调试钩子，完成全链路渲染调试。 随便看看周刊 车泽民 随便看看周刊 Pinia 最新发布的 6 个插件，效率提升 300%！ 李勇鲁 覆盖 数据持久化、性能优化、开发调试、类型安全 等常见需求的pinia插件 枚举 & 联合类型 李文娟 枚举 vs 联合类型怎么选？ 2025 年 Object 和 Map 如何选择？ 陆欣 Object和Map的选择

认知负荷才是关键 张伟达 卓越开发者的特质 要深入了解一个工具，你需要知道： 它的历史：谁创造了它？为什么？要解决什么问题？
 它的现状：谁在维护它？他们在哪里工作？在做什么？
 它的局限：什么情况下不适合使用这个工具？什么时候会出问题？
 它的生态：有哪些库？谁在使用它？有什么插件？ 举个例子，如果你是一名后端工程师，大量使用 Kafka，我希望你对 Kafka 了如指掌——不是仅仅停留在 Reddit 上看到的内容。至少，如果你想成为最优秀的工程师之一，这是我对你的期望。 滥用 DRY 原则(Abusing DRY principle) 不要重复编写相同的代码 —— 这是你在软件工程师的学习和工作过程中，被反复灌输的重要原则之一。它植根于我们的观念当中，以至于我们对代码冗余几...

浅谈前端出现率高的设计模式 刘世豪 浅谈前端出现率高的设计模式 《重构》经典句子摘录 徐堂鑫 有一句很有道理：“重构的意义不在于把代码库打磨得闪闪发光，而是纯粹经济角度出发的考量。我们之所以重构，因为它能让我们更快——添加功能更快，修复bug更快。一定要随时记住这一点，与别人交流时也要不断强调这一点。重构应该总是由经济利益驱动” 内存管理 崔鹏程 JavaScript 是在创建对象时自动分配内存，并在不再使用时自动释放内存（垃圾回收）。这个自动性是混乱的潜在根源：它让开发者错误地以为他们不需要担心内存管理。 太酷了！3秒 把 Vue、React 源码可视化！看源码神器！ 李勇鲁 快来看哈，快速梳理源码核心思路，省时省力 🔥🔥🔥2.5W字！8个场景问题！带你了解最...

前端异常隔离：Proxy、Web Workers 与 iframe 的深度对比 李勇鲁 Proxy 代理：灵活轻量，适合需精细控制权限的场景。Web Workers：安全高效，适合计算密集型或高安全需求的任务。iframe：终极隔离，但成本和复杂度较高，适合完全不可信内容。 如何强制用户看完广告？ 车泽民 强制看公告，更新内容，视频等等 前端佬们！塌房了！用过Element-Plus的进来~ 谢宇翔 内存泄露问题 list-style-type 徐堂鑫 list-style-type 可以设置列表元素的 marker（比如圆点、符号、或者自定义计数器样式）。 早知道有这个东西，就不用傻乎乎地用dom写了。 Promise.try() 李文娟 Promise.t...

认知负荷才是关键 张伟达 认知负荷才是关键，开发者为了完成一项任务而投入的思考量才是关键 滥用 DRY 原则(Abusing DRY principle) 不要重复编写相同的代码 —— 这是你在软件工程师的学习和工作过程中，被反复灌输的重要原则之一。它植根于我们的观念当中，以至于我们对代码冗余几乎零容忍，哪怕只有几行的重复代码也不行。总体而言，它是一个很好的基本原则，但过度遵循它可能会带来过多的认知负荷，令我们不堪重负。 当前，人们构建软件时通常基于逻辑分离的组件。这些一般分布在多个代码库中，代表着不同的服务。在你努力消除重复的过程中，可能会使原本不相关的组件变得紧密耦合。这样一来，后续对某个部分的修改可能会在其他看似毫无关联的地方引发意想不到的后果。同时，这也会削弱在不影响整个系...