✨ 个人记录

关于我

了解我的技术背景、工作经历和个人项目

关于我

你好！我是李凌峰，一名拥有6年工作经验的前端开发工程师。我专注于前端技术栈的深度研究与实践，在多个领域都有丰富的项目经验。

个人信息

  • 姓名: 李凌峰
  • 性别: 男
  • 年龄: 29岁
  • 联系方式: 17389867465 | 781650249@qq.com
  • 工作经验: 6年
  • 求职意向: 前端开发工程师
  • 期望城市: 上海

个人优势

我在前端开发领域拥有全面的技术能力和丰富的项目经验：

  1. 框架精通: 熟练掌握前端流行框架，具备Vue、React从0-1搭建项目落地到上线的实战经验
  2. 跨端开发: 有移动端H5、微信小程序开发能力，拥有项目实操及从0到上线的完整经验
  3. 管理后台: 多年管理后台及中台方向经验、具备业务整合降本提效的丰富经验
  4. 桌面应用: Electron端经验丰富，具备3年+人工智能行业经验
  5. 数据可视化: 具备数据大屏、echarts、canvas绘制开发能力，有2年+可视化项目实践经验
  6. 工程化: 熟练使用Webpack、Vite等构建打包工具，对前端工程化有过深入了解及实践
  7. 性能优化: 对浏览器渲染原理、页面性能优化、用户体验有过深入了解及实践
  8. 视频技术: 理解常见视频封装、编码格式，能根据应用场景搭建流畅的视频播放体系
  9. 网络基础: 了解 HTTP/HTTPS/TCP 掌握计算机网络基础，了解微前端，具备微前端(qiankun)项目拆分实战经验
  10. 技术产品: 擅长在当前业务环境与技术环境下，发现痛点，并且沉淀出完整的技术产品解决方案
  11. 团队协作: 喜欢分享，推动团队内部技术分享；工作认真负责注重效率，曾多次获得年度优秀员工

技术栈

前端框架

  • React: React + TypeScript + React-Redux + Antv + QianKun.js
  • Vue: Vue + Vuex + Element UI + Echarts
  • 跨端开发: UniApp + Vue + Vuex + Uview + Ucharts

构建工具与工程化

  • 构建工具: Webpack (4.x → 5.x升级经验)、Vite
  • 包管理: pnpm + Lerna (Monorepo架构)
  • 代码质量: Prettier、Stylelint、ESLint、Husky、lint-staged

移动端与跨端

  • 小程序: 微信小程序开发
  • 移动应用: UniApp开发Android和iOS应用
  • H5开发: 移动端H5页面开发

可视化与图表

  • 图表库: Echarts、Antv
  • Canvas: Canvas绘制、水印、电子签名
  • 地图: LeafLet地图开发

微前端与架构

  • 微前端: QianKun.js微前端架构
  • 组件库: 基于Ant Design构建内部组件库
  • 低代码: React + Canvas + React-dnd页面设计器

性能优化与监控

  • 性能优化: ServiceWorker、代码压缩、CDN加速、按需加载
  • 错误监控: Sentry.js错误监控、埋点SDK
  • SEO优化: SSR/SSG、结构化数据、多语言站点地图

其他技术

  • 桌面应用: Electron (3年+经验)
  • 视频技术: 视频封装、编码格式、播放体系
  • 网络协议: HTTP/HTTPS/TCP
  • 原生集成: iOS/Android SDK集成、JSBridge通信

工作经历

前端开发工程师 | 上海甄云信息科技有限公司

2021.05 - 至今

在这家专注于提供国内采购数字化管理平台的C轮公司工作，技术规模200+人，前端团队40+人。

主要职责:

  • 负责二开埋点库设计，i18 SDK、sentry 接入性能优化等工作
  • 参与一站式采购数字化管理平台(C端)的开发与维护
  • 负责组件库建设，基于antd搭建内部通用组件库
  • 负责bincial官网的从0到1搭建和SEO优化

技术成就:

  • 采用 Monorepo 单体仓库架构，基于 pnpm + Lerna + Ant Design 构建高复用性前端组件库
  • 制定组件开发规范，提高组件一致性和可维护性，提升开发效率
  • 官网SEO优化：新增约200条Google索引，2000+条百度索引，收录十几万页面
  • 性能优化：全站SSR向SSG迁移，用户首次进入资源体积减小700KB，Core Web Vitals性能得分从60分提升到85分以上

主要技术: React + TypeScript + React-Redux + Antv + QianKun.js

前端开发工程师 | 喜相逢集团

2019.09 - 2021.05

在这家致力于提供多元化服务与产品，涵盖出行、餐饮、旅游、文化等多个领域的跨行业上市企业工作。

主要职责:

  • 负责租车，金融租赁，库存管理等模块业务开发
  • 参与快呀租车(C端)和喜相逢金融业务系统的开发
  • 负责车辆管理核心功能开发和微前端架构实施

项目成果:

  • 使用 QianKun 构建项目，解决多个子应用之间的版本兼容性和样式兼容性问题
  • 开发车辆监控模块，实现地图上精确标记点位和区域划分功能
  • 负责webpack版本从4.x升级到5.x，项目打包构建时间从15s降低至6s
  • 整合iOS和Android SDK，实现车架号扫描、电子签名、PDF预览等功能

主要技术: React + Dva + Umi + Echarts + LeafLet + QianKun.js, UniApp + Vue + Vuex + Uview + Ucharts

AI营销平台负责人 | 个人项目

2024.10 - 至今

负责设计并实施多样化的营销场景配置平台，包括行业报告、客户合作案例、AI仿写及产品介绍等功能。

项目亮点:

  • 开发客户可自定义模板配置系统，通过大型模型实现中英文文案的自动生成
  • 引入实时预览功能，用户在编辑器中能即时查看文案生成效果
  • 系统支持集成多种互动元素，如话题标签、产品推广、采购需求、活动报名及投票等
  • 实现Markdown编辑器功能，用户可以轻松导出Markdown格式的文案
  • 在移动应用端（app侧）成功部署，获得了显著的营销成效

主要技术: React + TypeScript + AI集成

教育背景

软件工程学士 | 闽江学院

  • 专业: 软件工程
  • 学历: 本科
  • 主修课程: 数据结构与算法、计算机网络、数据库系统、软件工程、面向对象程序设计

核心项目经历

产研SaaS飞搭平台 | 前端开发工程师

2023.01 - 2023.12

这是一个低代码平台，主要有四个部分：权限管理、模型设计、事件处理和页面设计器，我主要负责页面设计器部分的核心开发。

技术栈: React + Canvas + Mobx + TypeScript + React-dnd

核心成就:

  • 采用React-dnd和React-grid-layout设计并实现一套完整的页面设计器
  • 设计json-schema的结构模式，将组件与属性面板进行解耦
  • 引入json-schema来规范后端难以校验的json数据，解决了渲染引擎在渲染时经常丢失数据的问题
  • 项目成果：目前该平台发布至beta版本，已有14个项目团队试用，分公司甄知、甄汇已正式投入使用，同时该项目已被售卖至陕重汽公司

前端异常监控平台 | 负责人

2022.06 - 2022.09

这是一个错误类型收集平台，主要在商城和协同模块使用，我主要负责整个项目的开发与搭建。

技术栈: React + Echarts + Mobx

核心功能:

  • 利用埋点监控SDK收集错误行为的监控以及脚本错误、DOM操作等关键信息的上报
  • 搭建可视化平台，采用Echarts进行图表展示，设置不同等级的告警信息查看（高中低）
  • 监控特定租户项目中的错误数量，以评估系统的稳定性，大大地提升了用户方对于系统的满意度
  • 将监控数据与员工的绩效考核（KPI）挂钩，实现数据驱动的绩效管理

个人博客系统 | 负责人

2018.02 - 2024.01

这是由我个人开发的博客系统，前后端都由自己搭建，主要记录难点和新学的知识点。

技术栈: React + Umi + Mobx + Ant Design + Egg + Next.js

技术亮点:

  • 使用 Next.js 作为服务端渲染框架，旨在提升博客页面的加载速度，同时优化 SEO
  • 采用 React Hooks 编写组件，相较于传统类组件更加简洁高效
  • 使用 Ant Design 实现了用户界面的交互设计，充分利用按需加载功能，并实现了栅格化布局
  • 后端基于 Egg.js（整合了 Koa）开发，对功能目录进行了合理分层，数据库部分使用 MySQL

资格证书

  • CET-6: 英语六级证书

技术文章

我经常在个人博客和技术平台上发表文章：

  • 《React 18 并发特性深度解析》
  • 《Next.js App Router 完全指南》
  • 《TypeScript 高级类型实战》
  • 《前端性能优化最佳实践》
  • 《微前端架构实战经验分享》

个人特点

  • 工作认真负责注重效率，曾多次获得年度优秀员工
  • 喜欢分享，推动团队内部技术分享
  • 持续学习，保持对新技术的敏感度和学习能力
  • 业务导向，擅长在业务环境下发现痛点并提供技术解决方案

联系方式

如果你对我的项目感兴趣，或者想要交流技术问题，欢迎联系我：

未来规划

我希望在未来几年内：

  • 深入研究前端架构设计和微前端技术
  • 探索 AI 在前端开发中的应用，特别是代码生成和智能化工具
  • 继续在组件库和工程化方向深耕，提升团队开发效率
  • 分享更多技术经验，帮助前端社区发展
  • 在性能优化和用户体验方向成为专家

感谢你花时间了解我！如果你有任何问题或想法，随时欢迎与我交流。让我们一起在前端技术的道路上不断前进！

精选项目

项目截图

个人技术博客

精选

使用 Next.js 和 Contentlayer 构建的现代化技术博客，支持 Markdown 写作、代码高亮、标签分类等功能

Next.jsTypeScriptTailwind CSSContentlayerMDXVercel
GitHub →在线预览 →
状态: 已完成开始时间: 2023/10/1

联系我

如果你对我的项目感兴趣，或者想要交流技术问题，欢迎联系我！

发送邮件GitHub

最后更新: 2024/12/25