本文记录前端首屏优化实践，从包体积分析、Rollup 配置、拆包原则到性能测评踩坑，反思自身技术不足，总结优化经验与误区。

本文记录 Vercel 部署前端项目因找不到 dist 报错的排查过程，理清构建、部署逻辑与浏览器原理，掌握 Vercel 配置优先级与前端工程化核心流程。

本文记录基于 React + react-i18next + BlockNote 实现项目国际化过程，解决编辑器语言切换、白屏及内容丢失问题，总结实战踩坑与优化思路。

居然配置一个pages配置了一两个小时，简直是要没耐心了，但是还是耐着性子部署成功了。background： react + vite + ts 项目不知道哪里出了问题，缓存有误。dist删了又新建删了又新建反反复复...本来打算用deploy脚本。最后也是，只不过最后是手动配置的。这里面的env什么都不会写，靠ai来写build的yml完全不靠谱。还是要自己学会看懂。心累心累，最后手动部署不知道

Agent = 大模型API + Prompt优化Agent = 系统架构 + 可控执行 + 安全审查 + 领域适配 + 可观测性作为前端开发者，你在Agent时代拥有独特优势用户体验敏感：知道如何设计自然的AI交互状态管理专家：能设计复杂的Agent工作流快速迭代能力：前端开发的敏捷性能快速验证想法可视化能力：能让黑盒的AI决策变得透明不要被"AI需要Python"的说法限制，Node.js生态

本文复盘基于 Yjs + Hocuspocus 的协同文档全栈实现，涵盖服务搭建、权限模型、协同开关、时序问题处理及并发机制，总结从 0 到 1 落地协同功能的关键经验。

本文系统回顾JWT鉴权实现，详解Express中间件校验、MongoDB用户模型设计，覆盖前后端交互、状态管理与安全实践，完整呈现一套可落地的身份认证方案。

从 AJAX 到 Fetch，详解 Promise 用法、链式调用与 async/await，掌握现代 JS 异步编程。

本文复盘块级编辑器集成AI SDK全过程，涵盖前端UI插槽注入、后端工具调用、ID约束守卫及流式协议对接等核心机制与问题解决方案。

本文复盘了从“盲从AI生成代码”到“掌控布局底层逻辑”的转变。通过解决滚动失效、Flex撑爆等Bug，深度解析了容器约束、BFC隔离及FFC环境对样式的决定性作用。强调开发者应拒绝脑力外包，在AI时代通过理解物理逻辑构建稳固的UI架构。