智为深视（深圳）科技有限公司 · 前端工程师

智为深视（深圳）科技有限公司 · 前端工程师

2025.11 - 至今

岗位背景

正式转正为前端工程师，负责公司官网与独立电商站的从 0 到 1 完整开发。作为核心负责人，主导前端架构设计与技术选型，落地无头（Headless）电商架构项目。

核心工作内容与成果

项目架构设计与落地

• 从 0 到 1 负责 incam 公司官网 + 独立电商站 的完整前端开发，采用 Shopify Headless 架构（Nuxt 4 + Shopify Storefront API GraphQL）；
• 主导前端整体架构搭建，包括项目初始化、目录规范、工程化配置、状态管理与类型体系设计，确保项目具备良好的可扩展性和可维护性；
• 实现官网内容展示与电商购物全流程（产品列表、详情页、购物车、订单等）的统一开发，支持 PC 端与移动端响应式体验。

关键技术实践与优化

• 通过 Storefront API (GraphQL) + Nuxt 4 SSR/SSG 实现数据驱动渲染，结合全球 CDN 加速，首屏加载时间优化至 0.8s；
• 解决 Nuxt SSR 环境下的样式 FOUC、设备指纹一致性等核心问题，提升 Core Web Vitals 指标和 SEO 效果（SEO 排名提升约 35%）；
• 辅助使用 Webflow + Figma 进行 UI 原型迭代，通过 Vercel 实现自动化 CI/CD 部署，显著降低维护成本；
• 封装通用 Composables 与组件，提升开发效率与代码复用率。

AI 辅助开发亮点 在项目全周期深度使用 DeepSeek、ChatGPT、Cursor 等 AI 工具：

• Cursor 辅助架构设计、代码生成与重构；
• DeepSeek + ChatGPT 快速调研 GraphQL 查询优化、Nuxt SSR 高级配置及性能优化方案；
• 大幅提升技术方案决策和问题解决效率，支撑项目快速迭代上线。

量化成果

• 独立完成从架构设计到产品落地的全流程交付，实现公司官网与电商站的正式上线；
• 首屏加载性能提升显著，SEO 效果优化明显，已支持全球访问与搜索引擎友好抓取；
• 通过 Headless 架构与自动化部署，减少后期维护成本约 20%，提升跨团队协作效率。

阶段收获

本次经历让我从「参与开发」升级为「主导架构与落地」，系统掌握了现代无头电商前端开发流程、GraphQL 数据层设计、SSR 性能优化及工程化落地能力，进一步夯实了大厂前端所需的核心竞争力。