文章与思考.

你们公司有 35 岁以上的前端吗？

上周五团建，部门聚餐的时候聊到年龄，我突然来了兴致，打开飞书的组织架构，把我们整个前端部门的人头捋了一遍。我们部门加上我一共 38 个人。我一个一个数，35 岁以上的，包括我自己，只有 2 个。

Event Loop 这篇你看完就不用再看别的了！

多数Event Loop讲解止步于面试题，未涉及浏览器渲染流水线。文章按16.6ms一帧的时序拆解宏任务、微任务、requestAnimationFrame、样式布局绘制合成及requestIdleCallback，解释微任务阻塞渲染、DOM批量更新与布局抖动成因。

MCP 协议会成为前端 AI 工程的标准接口吗？

2026 年了，AI 编码工具已经满天飞——Cursor、Claude Code、Codex、各种 IDE 插件。但每次让它帮我写一个业务组件，每次对话死循环来回三四轮，不如我自己写！

CORS 到底在保护谁？90% 的前端理解错了跨域的本质

CORS本质是浏览器保护用户身份的安全机制，而非服务端防护；解析简单请求与预检流程，指出通配符及Origin反射配置的风险，并强调CORS无法防御CSRF等跨域写入攻击。

前端的技术判断力是怎么练出来的？

方案评审中localStorage多标签覆盖与Safari无痕抛异常等案例，说明技术判断力源于生产事故经验，并给出弱网、数据异常、导出性能、自动保存、依赖选型等判断场景及复盘方法。

删了一个没用的 console.log，生产环境直接崩了!

删除console.log触发惰性getter初始化，导致商品价格显示undefined的事故，分析属性访问副作用机制，提出显式初始化、构建剥离及ESLint约束等修复策略。

我接手了一个 10 年前的 jQuery 老项目，用 Web Components 给它续了命!

2015年上线的jQuery老CRM系统中添加AI客服功能，因CSS污染和重构风险，采用Web Components的Shadow DOM实现样式隔离，以单个JS文件嵌入现代UI，并通过CustomEvent与老页面通信，实现零侵入的渐进式改造。

前端不懂业务有多可怕？

前端工程师因不了解业务规则导致业务事故，技术防线无法拦截。作者分析需求文档质量低、前端定位偏差、业务知识未沉淀等原因，并提出需求评审带问题、写业务注释、按业务场景设计测试用例等实践方法。

TypeScript 的类型体操到底有没有用？

团队TS水平参差，复杂类型带来报错难懂、编译变慢、重构成本高等隐形成本，主张按类型预算在接口与组件Props等高收益场景投入，慎用深层类型编程，并强调as比any更危险，应改用运行时校验。

为什么我在团队里禁止使用 axios？

前端团队禁用axios改用原生fetch的决策，指出axios的拦截器、超时、取消等功能已被fetch覆盖，且存在拦截器嵌套难调试、CancelToken废弃、Edge Runtime兼容等问题，并给出30行fetch封装方案及Token刷新、超时兼容等注意事项。

AI 流式输出都用 SSE，什么时候必须换 WebSocket？

AI客服流式响应因Nginx缓冲和裸EventSource导致首字延迟与重试风暴。需关闭代理缓冲，采用可取消、可续接的SSE客户端，并明确SSE与WebSocket的选型边界。

当你的Ant-Design成了你最大的技术债

团队初期选用Ant Design快速交付B端项目，后期因品牌定制需求频繁覆盖样式，维护成本攀升，打包体积大，升级困难，最终转向Tailwind CSS与Headless UI方案。