1.熟练运用 Vue(Vue2、Vue3.0) 相关生态技术,具备独立完成项目搭建和部署的能力,并深入理解框架原理。
2.熟悉微信⼩程序、uniapp开发以及性能调优经验。
3.掌握前端主流 UI 框架 Antdesign vue、Bootstrap,、Vant、ElementUI、ElementPlus等。
4.熟悉 Canvas、Svg 使用以及动画特效,有 Echarts 数字可视化大屏以及地图开发经验。
5.熟悉 Webpack、Vite、Rollup 等前端构建工具,深入理解 Webpack 构建过程。
6.编写可复用代码块,记录常见问题解决方式,应用在相同业务场景,提高工作效率。
7.具有丰富的项目经验,熟悉项目开发的全流程,包括需求分析、设计、开发、测试和部署。
项目名称:京东医药-首映平台 +药京采运营后台管理系统+药京采商家端管理系统(PC 端 )
项目描述: 主要负责档案管理,发送及索取功能
技术栈:
我的职责:
1.设置domain 解决iframe跨域。
2.基于vue-router和路由守卫处理接口菜单数据,根据版本需求新增/修改路由配置,构建动态路由,并后根据不同角色展示不同菜单,实现角色权限控制
效果。
3.使用 xlsx插件实现表格的导入-导出功能,对相应的数据进行批量导出或者导入。
4.推进提出团队项目代码git分支管理规范,分master、develop、feature功能分支、fixbug修复bug分支对代码进行版本管理,避免多人多个版本开发时
分支错乱导致的代码版本冲突问题。
5.上传身份证后ocr识别自动填充信息。
项目问题:
1.项目安全性要求比较高,同时会在相关系统之间进行操作,每个系统都登录存在一定的繁琐性。
2.对于项目中长列表一次性渲染大量的数据造成浏览器卡顿,用户体验不佳。
解决方法:
1.实现单点登录,并加入双令牌(双token),保证了系统的安全性,同时用户也可以一次登录便可以在相关系统之间进行访问。
2.封装虚拟滚动处理长列表的卡顿问题,优化后可流畅进行滑动,并解决快速滑动出现的白屏问题。
项目名称:公安厅执法支持系统
项目描述: 该项目是一个执法系统,其功能模块包含:首页、执法数据管理、基础任务管理、执法办案管理、考勤管理、可视化调度系统、流程管理、动
态表单、基础配置、权限管理、系统管理。
技术栈:
我的职责:
1.自定义封装了条件筛选,上传文件,下载文件等方法;
2.负责接入高德地图API,提高系统的智能化和用户体验;
3.登录接入图形验证码校验以及AES加密登录,将token存储到vuex中,解决token持久化存储问题。
4.使⽤ JWT 替换传统 Session 完成登录,⽅便后期系统拓展。
项目问题:
1.上传文件(批量 Excel)功能中涉及大量文件导入,文件大小在几十兆或者几百兆,上传速度缓慢甚至上传失败,导致用户体验不佳。
2.用户登录后,加载时间长达7~8s,会出现一段时间的白屏状态。
解决方法:
1.针对大规格文件的上传,我使用切片方式,断点续传,错误重试,控制并发的方式进行上传;以减少传输过程中的数据丢失风险,单个 40M 的视频上传
时间由 2min 减少为 10s 左右。
2.使用webpack-bundle-analyzer对包进行分析,并进行了如下的加载优化:静态资源文件使用 CDN 加速,项目开启 GZIP 压缩, 异步加载模块组件。原
先首屏加载时间需要8000ms,而现在仅需约1100ms左右;同时也解决 webpack 打包过慢问题,由最初的 50s 优化到 30s。
项目名称:中信司库系统
项目描述:负责票证中心的直连银行配置、自动收票设置、票据行为查询模块
技术栈:
我的职责:
1.项目初始化框架搭建,用户权限,菜单权限,按钮权限处理,动态菜单获取。
2. 用el-tree做业务组件的封装。
3. 使用nextTick解决列表复选框反选问题。
4. 使⽤ mixin,⾃定义指令,slot 等⽅式复⽤组件,提⾼组件复⽤率。
项目问题:
1.项目打包速度过慢。
2.项目经常出现问题,并不好及时发现问题。
解决方法:
1.优化 Webpack 配置,提升项⽬的构建速度,打包速度提升 92%。
2.基于 sentry 搭建性能与异常监控体系,及时上报并定位错误。