陈智鹏
Web前端开发工程师
- 男 / 1995.05
- 广州市广播电视大学 · 计算机网络技术
- 专科 / 2017年毕业
- 工作年限：6年
经历
历达信息技术（广州）有限公司
2021.06 至 2024.03负责PC端系统研发以及重构主要模块，包括：
- 负责现有系统主要模块技术重构方案与实现，提高易用性和可维护性
- 参与新系统研发的技术选型与实现，基于后端现有API实现一套新系统
- 参与现有系统业务开发与迭代，完成响应式页面的适配与优化
- 负责自定义Google Map与拖拽自定义业务表单的开发
- 使用Vue3.x+Typescript编写代码
广州找原料网
2018.04 至 2021.04参与 美业大数据服务平台 的前端开发，包括：
- 负责团队基础技术支撑，包含构建流程、工具包、新技术探索实践等
- 基础UI组件与业务组件开发，支撑业务快速迭代、统一视觉规范
- 主要参与PC端大数据项目从0到1开发，微信小程序项目开发
- 参与公司内部后台管理系统以及官网开发
- 使用Vue全家桶和ES6+语法开发h5页面
全思科技
2016.09 ~ 2018.03参与技术团队前端开发，包括：
- 高度还原设计稿，并实现客户和UI设计师的想法
- 桌面端、移动端、微信公众号、H5页的开发与优化
- 实现PC端、移动端、响应式页面的适配与优化
- 完善项目构建流程与开发规范，解决前端项目混乱与效率低的问题
- 研究新技术，学习并掌握了Vue、Fis3等前端前沿技术
技能
- 熟知JS基本语法与知识，掌握最新JS语法与API，熟悉TypeScript
- 熟练掌握Less、Sass等预编译构建CSS模块
- 掌握前端流行框架Vue、React及周边生态
- 掌握使用ECharts实现数据可视化，满足各种图表需求
- 掌握前端热门构建工具
- 用Vue开发中大型复杂应用，生态技术栈经验丰富
- 掌握Vue3.x，并有实际项目经验
- 掌握React生态技术体系，常用Hook等
- 熟练掌握Element、iView、Ant Design，等第三方组件库
- 掌握Vue、React调试、性能优化扩展技能
- 掌握小程序调试、性能优化扩展技能
- 掌握小程序开发框架Taro3.x、Mpvue、WePY，了解uni-app
- 熟悉Vite、Webpack、Gulp、Fis3等工具构建流程
- 了解脚手架开发流程及实现原理
- 可以根据项目需求定制开发构建流程
- 熟练使用ChatGPT、Github Copilot等AI工具提升开发效率
- 熟悉使用Git、Svn进行项目版本管理
最近项目
项目概述：
基于Salesforce系统开发的房地产后台管理系统
工作职责：
参与业务开发和部分重构
技术选型：
- 使用Vue3生态及最新Composition API、Setup语法编写代码
- 使用Element Plus作为组件库，使用TypeScript语法编写代码，使代码更有鲁棒性
- 使用Eslint、Prettier、Husky等工具制定编码规范与提交规范
- 基于Element Form二次封装数据驱动表单组件，实现可拖拽生成表单
- 在系统1.x使用vue/composition-api、unplugin-vue2-script-setup实现类vue3语法编写代码
项目难点：
- 无任何文档情况下基于现有代码逻辑重构大量表单及业务逻辑，前期在考虑到升级Vue3工作量巨大的情况下，引入vue/composition-api、unplugin-vue2-script-setup实现类vue3语法编写代码，为后期全面升级Vue3.x做好铺垫
- 基于Element form二次封装数据驱动表单组件，可简单使用类JSON配置来实现大型复杂表单，包含表单联动显示/隐藏、启用/禁用、获取 options 值， 可以通过插槽自定义表单项, 轻松实现任意自定义表单项,表单内还封装大量通用表单控件以供快速使用
- 基于封装的表单组件实现可拖拽自定义表单功能，用户可自定义表单布局、控件等，自定义Google Map开发
项目概述：
基于Salesforce系统开发的游艇租赁管理系统
工作职责：
全程参与技术选型及开发
技术选型：
- 使用Vue3生态及最新Composition API、Setup语法编写代码
- 使用Element Plus作为UI组件库
- vue-echarts实现图表展示，使开发ECharts更贴近Vue开发体验
项目难点：
- 权限设计，根据路由的配置和权限信息来生成侧边栏的，自动重定向到有权限的二级菜单，跳转拦截没权限的路由
- 基于Element Plus二次封装数据驱动表单组件，简化大型表单开发，提升开发效率
- 页面布局自适应，支持平板端使用
项目概述：
美业颜究院”是美业大数据定制服务平台，美业大数据分析工具。
工作职责：
参与技术选型及开发
技术选型：
- Vue生态技术链做基础支撑，使用Axios作为HTTP库，使用easy-mock模拟数据
- 基于iView-admin开发, 考虑项目为公司业务转型的重要项目，前期投入必须达到快速开发及试错
- 使用 v-charts 生成与设计稿一致的图表，完成图表交互，使开发图表更贴近Vue开发体验
项目难点：
- 项目从0-1开发，前期没有大数据团队，需要协助后端做数据抓爬技术攻关
- 项目前期试错，设计经历多次推倒重来，开发周期不变，对开发人员开发效率是个很大的考验
- 根据UI设计需求，基于ECharts实现各式各样的图表样式及交互
- 防止账号共享问题，难点在于web上没有办法获取到Mac地址，前期考虑使用 浏览器指纹技术但是生成的指纹无法100%一致，后面使用微信小程序扫码方式登录，小程序上获取地理位置，限制在指定范围内登录，登录成功后端会在Cookie写入一个Mac地址来绑定用户浏览器，缺点是只能绑定一个浏览器，但是能解决业务上的问题
项目概述：
美业颜究院功能简化后的小程序版
工作职责：
参与技术选型及开发
技术选型：
- 使用 Taro3.x 框架开发
- 使用 Vant Weapp 作为第三方组件库，解决在taro上使用的一些 问题
- 使用 ECharts小程序版 进行图表绘制
- 使用 Painter 绘制分享图片，类css的方式绘制图片,有效加快开发效率
项目难点：
- 自定义tabBar
- 生成各类样式的分享图片，由于是通过Canvas绘图，很多元素需要计算位置，是否换行等
- 图表使用Canvas绘制，属于原生组件，普通元素无法覆盖在上面，需要覆盖在上面的元素全部使用cover-view