Skip to content

前端简历框架

工作经历(重点)

2021.07~至今 XXXXX 科技有限公司 前端开发负责人

技术栈: React + React Router + Redux + Next + Turbopack + Jinkens

业务: 负责团队搭建及前端分工

技术: 从 0~1 搭建 to B 项目,负责团队技术选型、性能优化、代码质量的管控

2019.07~2021.08 XXXXX 科技有限公司 高级前端开发工程师

技术栈: Vue + Vue Router + Vue-CLI + Vite + Weex

业务: 负责 XXX 业务线

技术: 基于 create-vite 进行定制化开发,负责团队工程化搭建;负责多端开发的基础工程搭建

2017.07~2019.08 XXXXX 科技有限公司 前端开发工程师

技术栈: Vue + Vue Router + JQuery + Gulp

业务: 负责 XXX 业务线

技术: 熟练掌握团队内技术栈,针对 XXXXX 业务的稳定性处理有较深入的研究

2016.07~2019.08 XXXXX 科技有限公司 初级前端开发工程师

技术栈: Vue + Vue Router

业务: 从事 XXX 业务线

技术: 熟练掌握团队内技术栈,能够快速完成具体需求的开发

项目经历(重点)

团队横向产出

团队工程标准规范统一

项目目标:

为降低多人协同的开发成本,提高开发效率,提供统一的前端开发脚手架支持基于 toC 和 toB 常见的业务场景一键接入开发模板与 lint 校验

核心工具: eslint, stylelint, commitlint, markdownlint, husky

核心成果:

  • 通过 monorepo 和 pnpm 的多包管理方式开发,基于 git action 实现 CI 实现自动化发布
  • 通过 changesets 实现 CHANGLOG 的自动化更新
  • 制定 团队内 eslint, stylelint, commitlint, markdownlint, husky 等工具规范
  • 对于存量代码不符合规范的问题,支持一键扫描和一键修复,一键式的修复存量问题,最小化存量代码的更新成本
  • 实现一键接入新增项目,通过结合 git pre-commit 钩子,对提交文件进行编码规范的扫描;同时通过 husky 的 commit-msg 钩子,对代码提交 message 的格式进行扫描

亮点&难点项目

XXXX 低代码平台

项目介绍:

基于 XXXXX 业务场景,提供涵盖数据源管理与加工、页面组装、流程引擎、低代码编辑器、AI 辅助数据建模、AI 托管式应用构建的低代码研发平台

核心技术栈: Vue, Vue Router, Vue-CLI, Webpack plugin, monaco-editor

核心成果:

  • 负责平台技术选型、基础架构及方案设计,包含:工程化相关方案设计与落地、各模块方案设计与核心实现
  • 动态表单开发,借助 Vee-validate,基于 hook 实现可维护性更高的动态表单及表单设计工具
  • 低代码物料出码功能,基于 vue-json-pretty 封装物料协议数据预览与编辑
  • 主导页面组装模块设计,选用通用 blocksuite 方案,使页面元素丰富且高度可定制
  • AI 数据建模及应用创建模块选用 nodejs 服务,借助 langChainjs 构建端到端语言模型服务
  • 基于 monaco-editor 实现低代码编辑器复杂功能,包含自动补全、语法提示等 LSP 服务相关内容
  • 主导封装 webpack plugin 及 loader 支持静态资源自动上传、源码脱敏防备、构建优化等
  • 流程引擎及服务编排等内容实现,基于鼠标 move 事件封装 vue draggable 组件实现组件拖拽与页面内容编排
  • 数据源支持 1000 万行表格数据渲染与编辑,通过 canvas 技术实现

业务项目

XXXX 后台管理系统

项目介绍:

针对 XXXX 场景下的后台管理系统,支持 XXXX 的业务能力。

核心技术栈: Vue, Vue Router, Vue-CLI, Webpack

核心成果:

  • 负责 XXXX 项目的日常迭代和研发
  • 主导通用表单及复杂表单逻辑处理的 schema 设计,运用插件化机制实现插拔式表单项与规则接入,提升了 XXXX 的开发人力成本
  • 负责 XXX 项目的登陆功能,页面登录时使用 VueX 存储 token,配置动态的跳转路径,使用 Axios 在请求拦截器中设置拦截登出逻辑,实现了菜单角色隔离的能力
  • 主导开发 XXXXX 模块,基于 XXXXX 技术方案实现 XXXXX 的能力,减少 XXXX 的开发时间
  • 优化用户体验交互,使用 XXXX 能力提升了页面首屏加载性能,从原本 1s 降低至 0.5s

XXXX 后台管理系统

项目介绍:

针对 XXXX 场景下的后台管理系统,支持 XXXX 的业务能力。

核心技术栈: Vue, Vue Router, Vue-CLI, Webpack

核心成果:

  • 作为前端负责人,制定前端代码规范,代码提交规范
  • 通过使用 webpack 配置将项目打包成 dist 文件,通过 git action 进行代码部署
  • 一些请求多的页面,用 keep-alive 实现缓存,提高页面加载效率
  • 开发中请求多个服务器端口,通过代理的方式在 vue-config 文件中配置多个服务器的端口,并配置项目的 baseUrl 以及超过响应时间取消请求
  • 使用 Vue-Router 完成页面导航及路由懒加载,并运用 permission 文件中封装相应内容完成了导航的权限控制
  • 使用 axios 拦截器对请求和响应数据进行拦截,配置请求头 headers, baseurl, 以及对响应体数据的统一改造

Released under the MIT License.