前端 5AI智能体 4开发 4异步编程 1前端开发 2React 3性能优化 1TypeScript 2最佳实践 5OpenClaw 2工程 3DevOps 1工具 1Vue 2迁移 3Composition API 1Vue 3 1JavaScript 2微前端 1架构 2Qiankun 1大规模 1Webpack 1构建工具 2性能 4Hooks 1Vite 1开发体验 1现代前端 1监控 1优化 2核心Web指标 1Next.js 1App Router 1服务端组件 1AI 6Copilot 1生产力 1代码生成 1趋势 1学习 1职业 1技术 1路线图 1边缘计算 1图像处理 1修图软件 1组件设计 1响应式布局 1Node.js 1读书 1科幻 1三体 1随笔 1
Next.js 13 App Router迁移经验：拥抱React Server Components的新世界
Date: 2/15/2023Category: 编程Tag: Next.js, React, App Router, 服务端组件, 迁移

2023年，Next.js 13带来了颠覆性的App Router和React Server Components。我们决定成为早期采用者，这篇文章记录了迁移过程中的思考、挑战和收获。

背景：为什么迁移？

我们的内容型网站使用Next.js 12已经两年，面临的问题：

  1. 页面加载性能瓶颈 - 虽然SSR不错，但仍有优化空间
  2. 数据获取复杂 - getServerSideProps、getStaticProps、getInitialProps混用
  3. 代码组织混乱 - 页面、API路由、组件分散各处
  4. 开发体验待提升 - 热更新不够快，类型提示不完善
Webpack 5升级踩坑记：从构建优化到生态适配
Date: 3/15/2021Category: 编程Tag: Webpack, 构建工具, 性能, 迁移

2021年，Webpack 5正式发布一年后，我们决定升级。本以为是个简单的版本更新，没想到踩了这么多坑...

为什么升级Webpack 5？

我们的项目还在用Webpack 4，面临的问题：

  1. 构建速度慢 - 开发环境热更新要10秒+
  2. 包体积大 - 生产构建超过8MB
  3. Tree Shaking不彻底 - 很多dead code没被摇掉
  4. 缓存策略原始 - 每次都要重新构建
Vue 2到Vue 3的迁移实战：我们如何在生产环境平稳升级
Date: 10/15/2019Category: 编程Tag: Vue, 迁移, Composition API, Vue 3

2019年10月，Vue 3还处于alpha阶段，但我们团队已经开始了迁移的探索。这篇文章记录了早期迁移的经验和思考。

背景：为什么我们要这么早迁移？

2019年初，我们团队维护着一个大型的Vue 2企业级应用，代码库已经超过10万行。随着业务复杂度增加，我们开始感受到Vue 2的一些限制：

  1. TypeScript支持不够友好 - 虽然能用，但类型推导总感觉差点意思
  2. 逻辑复用困难 - Mixins带来的命名冲突和来源不清晰
  3. 包体积问题 - 整个Vue运行时都需要打包，即使只用了一部分功能
  4. 性能瓶颈 - 大型列表渲染时的性能问题