javascript

在 HTTP/3 普及的 2026 年，那些基于 Webpack 的性能优化经验，有一半该扔了最近面了几个号称精通前端工程化的候选人，看着他们简历里大段大段的 Webpack 性能优化实战，我心情挺复杂的。🤷‍♂️

进击的尘埃

基于 LLM Function Calling 的前端动态表单生成引擎：从 JSON Schema 映射到运行时组件树的端到端实现上个月接了个活：给内部运营平台加一个"智能工单"功能。运营人员用自然语言描述需求，系统自动生成对应的表单让用户填写。

Vue3 + Element Plus 全局 Message、Notification 封装与规范｜Vue生态精选前端实战：Vue3 + Element Plus 全局 Message、Notification 封装教程，从概念区分、场景选择到统一错误处理、代码落地，一站式学会前端提示框封装，告别混乱代码与重复开发。

Electrobun 开发必看：CEF 依赖下载失败？手动解压一招搞定！在使用 Electrobun + Bun + WebView2 构建跨平台桌面应用时，很多开发者（尤其是国内网络环境）在运行 bun dev 启动项目时，可能会遇到这样一个令人头大的报错：

青青家的小灰灰

拒绝 Prop Drilling 与隐式耦合：Vue 组件通讯的全景指南与最佳实践在 Vue.js 开发中，组件是构建用户界面的基本单元。一个复杂的应用通常由多个组件嵌套组成，而这些组件之间需要频繁地进行数据交换和事件通知，这就是组件通讯。掌握各种组件通讯方式，对于构建可维护、可扩展的 Vue 应用至关重要。

多 IDE/Agent 环境下的 Skill 管理方案在同一个工程项目中，团队成员可能使用不同的 IDE/Agent(例如 Codex、Cursor、GitHub Copilot 等)。尤其是在 token 消耗较快的情况下，单个开发者也可能需要在多个 IDE 之间切换。如果每个工具都维护一份独立的 skills，会带来以下问题:

进击的尘埃

Playwright Component Testing 深度拆解：组件挂载到底干了啥，视觉快照又怎么塞进 CI你写过单元测试，大概率也写过 E2E 测试。但有一种东西卡在中间——组件测试（Component Testing）。

深入理解 JavaScript 的 this：从困惑到掌握的完整指南曾经在调试一个 React 组件时，我遇到了一个让我抓狂的 bug：点击按钮后应该更新状态，但控制台却报错 Cannot read property 'setState' of undefined。后来才发现，是 this 绑定丢失了。这个经历让我开始思考：为什么 JavaScript 的 this 这么容易出错？它到底是按什么规则工作的？经过深入学习，我发现 this 虽然容易混淆，但其背后的规则其实很清晰。这篇文章是我的学习总结，希望能帮你彻底理解 this。

Promise 与 async/await：从回调地狱到优雅异步的演进之路在学习 JavaScript 异步编程的过程中，我一直有个困惑：为什么异步方案要经历从 Callback 到 Promise 再到 async/await 的演进？每次被问到"Promise 解决了什么问题"时，我总觉得自己的回答流于表面。直到最近深入研究了 Promise 的设计思想和 async/await 的实现原理，才开始理解这些看似简单的 API 背后隐藏的深刻智慧。这篇文章是我的学习总结，希望能和你一起探索异步编程的本质。

2026 趋势预测：Vibe Coding 之后，人人都会拥有专属 Agent 吗？我正在开发 DocFlow，它是一个完整的 AI 全栈协同文档平台。该项目融合了多个技术栈，包括基于 Tiptap 的富文本编辑器、NestJs 后端服务、AI 集成功能和实时协作。在开发过程中，我积累了丰富的实战经验，涵盖了 Tiptap 的深度定制、性能优化和协作功能的实现等核心难点。

Bun 1.0 正式发布：JavaScript 运行时的新王者？启动快 5 倍，打包小 90%！你的 Node.js 项目启动要 3 秒？而用 Bun，只需 0.6 秒——而且它还能打包、测试、运行 TypeScript，无需额外工具链。

别再乱写正则了！一行 regex 可能让你的网站瘫痪 10 分钟它不是 bug，是黑客精心设计的“CPU 杀手”。你是否在项目中写过类似这样的正则？看起来没问题？但如果用户输入一个特殊构造的字符串，比如：

摸鱼的春哥

【实战】吃透龙虾🦞，你写的Agent也能支持Skills渐进式披露这是我的专栏《春哥的Agent通关秘籍》系列文章的第19篇，希望系统性跟着我一起学AI-Agent编码的同学可以关注一下我的这个专栏

用 AI，0 基础复刻网页顶级特效！😀在线访问地址包含了移动端版本和 PC 版本。这个效果其实是我模仿 Awwwards 顶级网站的 3D 特效复刻出来的。核心框架使用的是 Three.js。

ahooks useRequest 深度解析：一个 Hook 搞定所有请求useRequest 的核心实现思路：实际实现还包括：useRequest 是一个功能强大且易用的请求管理 Hook，它封装了日常开发中 90% 的请求场景。通过合理使用其提供的能力，可以大幅减少样板代码，提升开发效率。

React Suspense 从入门到实战：让异步加载更优雅这是 Suspense 最成熟的应用场景，配合 React.lazy 实现组件懒加载。多层 Suspense 边界：

SSE（Server-Sent Events）流式传输原理和XStream实践在理解代码之前，必须先理解 SSE 协议的原始数据格式。这就是为什么需要手动——将乱序、任意截断的字节流，解析成业务可用的结构化数据。

Humanizer-zh 实战：把 AI 初稿改成“能发布”的技术文章做技术内容的人，最近都有同一个烦恼：AI 能很快给你一篇初稿，但读起来总有股“统一口音”——词很满、句子很整齐、逻辑看似完整，实际落地信息不够。

主动取消的防抖本文对比两种「可取消防抖」的封装方式：Lodash 风格（单函数 + .cancel）与双方法返回（{ run, cancel }），并给出实现与选型建议。