关于
项目
文章
EN
2026年9月12日
带领前端团队完成平台迁移
从 Vue 2 重建至 Next.js 的过程中,哪些工作真正重要:架构决策、敏捷交付、代码质量,以及在旧应用仍需持续发布时如何让小团队保持协同。
团队管理
迁移
工程实践
2026年8月20日
无障碍电商:实践 WCAG 2.1
在真实电商重建项目中实践语义化 HTML、ARIA 和键盘导航:实现与测试方法,以及无障碍改进如何同时提升移动端转化。
无障碍
WCAG
前端
2026年7月8日
使用 React Native 与 Expo 构建跨平台应用
开发房地产考试备考应用 CFREE 的经验:React Native、Expo、应用内购买、推送通知和 Firebase Auth,以及发布到 App Store 与 Google Play 的实践。
React Native
Expo
移动开发
2026年5月22日
前端工程师的产品分析实践
如何结合 Google Analytics 4、Mixpanel 与 Sentry 追踪数据、避免重复事件,并通过数据埋点提升转化率、减少前端错误。
数据分析
Sentry
Mixpanel
2026年3月18日
Next.js 电商平台的 SEO 架构
如何将 Lighthouse SEO 评分从 67 提升至 100:SSR、语义化 HTML、元数据与可抓取性,以及导致商品页无法被发现的常见问题。
SEO
Next.js
电商
2026年1月30日
大型 React 代码库中的 TypeScript 模式
让持续增长的 React 应用更易重构的 TypeScript 实践:领域类型、API 边界、可辨识联合类型,以及如何避免 any 扩散。
TypeScript
React
架构
2025年11月14日
高流量结账流程的前端测试策略
在医疗电商平台中使用 Jest、Vitest 和 Playwright:单元测试与端到端测试的分工,以及如何在不拖慢团队的情况下实现 85% 以上覆盖率。
测试
Playwright
Jest
2025年9月4日
如何将 LCP 从 3.1 秒优化至 1.2 秒
真实电商重建项目中的 Core Web Vitals 实战:哪些改动确实改善了最大内容绘制,哪些没有效果,以及如何在上线后保持成果。
性能
Core Web Vitals
Next.js
2024年5月15日
构建可扩展的 React 应用
介绍大型 React 应用的架构实践,涵盖状态管理、组件组织和性能优化,帮助构建易维护的代码库。
React
架构
性能
2024年4月29日
系统设计:设计 StarWidget 评分组件
从组件架构、状态管理和 API 设计出发,构建可扩展的星级评分组件,并处理分布式环境中的边界情况。
系统设计
架构
2024年5月1日
前端工程师行为面试问题
整理技术面试中常见的行为类问题,并介绍如何使用 STAR 方法准备答案、清晰自信地表达。
行为面试
前端面试
2024年3月20日
2024 前端学习路线图
成为前端开发者的完整指南,涵盖 HTML/CSS、现代 JavaScript、React 生态、构建工具、测试和部署策略。
前端
学习路线
职业发展
2024年3月15日
深入理解 React Hooks:useState、useEffect 与自定义 Hooks
全面介绍常见 React Hooks、自定义 Hooks 的构建方式、常用模式、最佳实践和性能优化技巧。
React
Hooks
JavaScript
2024年2月28日
技术面试准备:前端方向
前端技术面试备考指南,涵盖 JavaScript 基础、React、算法、系统设计基础,以及带真实示例与解析的编程练习。
技术面试
前端
JavaScript
2024年2月20日
面向前端工程师的系统设计
介绍前端系统设计中的 CDN、缓存、微前端、性能监控和可扩展组件设计模式。
系统设计
前端架构
性能
2024年2月10日
从 Vue 2 迁移到 React:经验与教训
大型应用迁移的实战经验,涵盖组件映射、状态管理迁移、路由差异,以及降低迁移期间停机风险的策略。
React
Vue
迁移
架构
2024年1月25日
现代 CSS:Grid、Flexbox 与组件优先设计
掌握 Grid 与 Flexbox 布局,构建响应式界面,实践组件优先方法,并优化大型应用中的 CSS 性能。
CSS
前端
响应式设计
2024年1月15日
JavaScript 性能优化技巧
深入探讨内存管理、事件循环、代码拆分、懒加载与性能分析,帮助构建更快速的 Web 应用。
JavaScript
性能
优化
2023年12月20日
使用 React 与 Storybook 构建组件库
逐步构建可扩展组件库:设计系统、组件 API、Storybook 文档、测试策略与 npm 发布流程。
React
组件库
Storybook
2023年12月10日
Next.js 性能优化:SSR、SSG 与更多实践
Next.js 性能优化指南,涵盖服务端渲染、静态生成、图片优化、Core Web Vitals 与部署实践。
Next.js
性能
SSR
SSG