技术能力

- **编程语言**:
- 精通 `JavaScript` (包括 `ES6+` 新特性)，具备扎实的编程基础和良好的编码风格
- 熟练掌握 `TypeScript`，并有大型项目实践经验
- 熟练掌握 `HTML5` 和 `CSS3`，能够实现复杂的布局和动画效果

- **前端框架**:
- 精通 `Vue.js` 或 `React` 框架，深入理解其核心原理
- 熟练运用 `Vuex`/`Pinia`、`Redux` 等状态管理工具，并能根据业务场景设计合理的状态管理方案
- 具备封装和开发高质量、可复用的前端组件的能力

- **构建工具**:
- 精通 `Webpack` 或 `Vite`，能够进行复杂的项目配置和性能优化
- 熟悉 `Rollup`、`esbuild` 等其他构建工具

- **前端工程化**:
- 熟悉 `CI/CD` 流程，有使用 `Jenkins`、`GitLab CI` 等工具实现自动化构建和部署的经验
- 熟悉 `Monorepo` 架构，并有 `Lerna` 或 `Turborepo` 的实践经验
- 了解微前端架构，并有 `qiankun`、`single-spa` 等框架的实践经验

- **性能优化**:
- 深入理解浏览器渲染原理，能够从 `渲染路径`、`资源加载`、`代码执行` 等多个维度进行性能优化
- 熟练使用 `Lighthouse`、`Chrome DevTools` 等工具进行性能分析和瓶颈定位
- 掌握代码分割、懒加载、`Tree Shaking`、图片优化、`CDN` 加速等多种优化手段

- **用户体验**:
- 关注 `Web` 可访问性（`Accessibility`），能够开发出符合 `WAI-ARIA` 标准的应用
- 关注用户体验细节，能够实现流畅的动画效果和交互体验
- 了解 `PWA`（Progressive Web App）技术，并有相关实践经验

- **跨端开发**:
- 熟悉小程序开发，有独立开发和上线小程序的经验
- 了解 `React Native`、`Flutter`、`Uni-app` 等跨端框架，并有相关项目经验

- **后端

项目经验

项目一：企业级低代码平台

**项目描述**：为解决公司内部应用开发周期长、效率低的问题，主导并从零到一构建了一款企业级低代码平台。该平台旨在让业务人员通过拖拽组件、可视化配置的方式，快速搭建和发布内部管理系统，从而提升开发效率，降低人力成本。

**我的职责**：
1. **架构设计与技术选型**：担任前端技术负责人，采用 `Monorepo` + 微前端（`Qiankun`）架构，以 `Vue3`、`TypeScript` 和 `Vite` 为核心技术栈，确保了项目的可扩展性和多团队协同开发的效率。
2. **核心模块开发**：独立设计并开发了平台的核心功能，包括：
* **可视化编辑器**：基于 `Vue-Draggable` 和动态组件，实现了拖拽式页面布局和组件配置功能。
* **物料中心**：构建了一套可复用的业务组件库，并通过 `Rollup` 打包发布，支持动态加载。
* **动态渲染器**：开发了一套 `JSON Schema` 驱动的页面渲染引擎，能够根据 `DSL`（领域特定语言）动态生成页面。
* **数据流与逻辑编排**：设计并实现了一套蓝图编辑器，允许用户通过可视化拖拽的方式编排业务逻辑和 `API` 请求。
3. **性能优化与稳定性建设**：针对大规模应用场景，实施了虚拟列表、懒加载、`Code Splitting` 等多项性能优化措施，将页面平均加载时间减少了 `60%`。同时，搭建了完善的单元测试和 `E2E` 测试体系，保障了平台的稳定性。

**项目成果**：
* 平台上线后，内部应用的平均开发周期从 `20` 人/天缩短至 `4` 人/天，开发效率提升 `80%`。
* 成功赋能 `10+` 业务部门，支撑了 `50+` 个内部管理系统的快速上线，显著降低了研发成本。
* 该项目荣获公司年度“技术创新奖”，并在公司内部得到广泛推广。

项目二：实时数据可视化监控大屏

**项目描述**：为满足业务运营团队对核心指标的实时监控需求，负责设计和开发一套高性能、可定制的数据可视化监控系统。该系统需要支持多数据源接入，并以图表、地图等多种形式进行实时、动态的可视化展示。

**我的职责**：
1. **技术方案设计**：针对实时性和高性能要求，采用 `WebSocket` 进行实时数据通信。选用 `ECharts`、`D3.js` 作为核心可视化库，并结合 `Canvas` 渲染技术，实现了大规模数据（`10w+` 数据点）的流畅渲染。
2. **核心功能开发**：
* **动态图表引擎**：封装了一套通用的图表组件，支持通过 `JSON` 配置动态生成不同类型的图表，并实现了图表的动态数据更新和流畅的交互效果。
* **自定义布局引擎**：开发了一套拖拽式布局系统，允许用户自由组合和排布监控看板，并将个性化布局方案持久化存储。
* **性能优化**：为解决海量数据渲染带来的性能问题，采用了数据分片、时间分片渲染（`Time Slicing`）和 `Web Worker` 等技术，确保了在低配设备上也能流畅运行。
3. **组件化与工程化**：将各类图表和业务模块封装为独立的组件，提高了代码的复用性和可维护性。同时，搭建了完整的项目工程化体系，包括代码规范检查、自动化构建和一键部署等。

**项目成果**：
* 系统上线后，实现了对核心业务指标的亚秒级实时监控，帮助运营团队将异常事件的发现时间从 `30` 分钟缩短至 `1` 分钟以内。
* 支持用户根据业务需求自定义监控大屏，累计创建了 `100+` 张个性化看板，覆盖了 `10+` 条业务线。

团队情况