1. 熟练掌握HTML5/CSS3/JavaScript/TypeScript语言,熟悉ES6+新特性。
2. 熟练掌握Vue、React框架并有企业项目开发经历,理解其源码实现原理。
3. 熟悉小程序原生开发,有使用Uniapp框架以及小程序蓝牙对接经历。
4. 熟练使用Eharts,有实现数据大屏参与开源比赛经历。熟练使用Element-UI、Vant、Antd等UI框架。
5. 有移动端Web开发经验(微信小程序,微信公众号,企微侧边栏,响应式官网等)。
6. 使用Node.js以及Express框架等开发过项目服务端。参与过Electron项目渲染进程开发
7. 熟悉Webpack、Vite、Umi等前端构建工具。熟练使用Eslint/Prettier/Stylelint等对项目代码进行规范。
8. 发布过开源项目,了解项目上线流程,有使用Node/Pm2/Nginx等部署项目上线经历。
OpenDigger 开源软件生态数据分析挖掘平台挑战赛
技术栈:Vue3、TypeScript、Echarts、Node、Express、Pinia等
项目成果:143支队伍排名第8,三等奖。与蚂蚁集团、阿里等公司一同参与无锡线下决赛路演并在现场决出名次。
项目简述:项目为开源领域的可视化大屏,是OpenDigger开源软件生态数据分析挖掘平台挑战赛的参赛项目
项目职责:
1. 负责项目从0到1的搭建、开发、上线,涵盖前端、Node服务端以及Eslint/Commitlint/Stylelint等开发规范约束
2. 实现对不同大小的屏幕/设备的良好适配以及针对小屏幕设备有不同的布局以及兼容
3. 无限滚动加载虚拟列表的实现,控制列表渲染数据量的同时实现列表无限自动滚动
4. Echarts图表相关hooks的封装,提高如折柱混合图、图表详情弹窗的代码复用性
5. 实现组件与图表之间的增删交互,根据文档解决雷达图等图表增删时的异常问题
6. 使用transition标签以及图片预加载来优化图片未加载完全等导致的用户视觉体验问题
7. 配置Vite以及Nginx优化项目以及将首次加载时间从5s优化至300ms左右
8. 解决项目初期遭受SQL注入攻击的问题
“展业”企业微信Saas平台
技术栈:React、TypeScript、Umi Max、Antd Pro、Antd Mobile、Dva
项目简述:通过企业微信安全、合规地连接客户,帮助企业快速构建企业级应用,助力企业实现从增长获客到客户精细化运
营等,从而提高工作效率,降低成本,提升企业管理水平。
项目职责:
1. 担任项目前端主开发,负责对项目合并请求进行代码评审,参与项目PC端80%左右的开发,以及将移动端企微侧边栏部分功能从Vue等技术栈到React的重构
2. 参与使用Umi Max配置搭建的流程,包括全局变量、主题色以及layout等配置
3. 为了保证组件的高复用性,基于Antd折叠面板以及复选框封装路由权限控制组件以及部门与成员树形控件等
4. 将成员数据处理的花费时间由20ms降低至2ms左右。使用Dva进行数据存储,优化相同数据多次请求的情况
5. 解决企微和微信浏览器关闭页面后埋点数据上报问题。自定义滚动条样式同时解决了在火狐浏览器的兼容问题。动态设置pro-table表格配置以便兼容不同尺寸浏览器
6. 封装hook解决从React类组件到函数组件重构时遇到的闭包陷阱问题,同时封装常用自定义hook
某千人公司平台
技术栈:Vue3、AntdV、TypeScript、Echarts、G2、小程序开发等
项目简述:参与某千人公司多个系统的开发与维护,该公司平台同时面向C端消费者以及B端用户,目前覆盖200多个
场景,服务4000万用户,累计为小微企业释放超100亿资金压力,服务各行各业3万家商家。
项目职责:
1. 负责多个项目功能迭代并优化了相关文档发布到项目开发规范文档库。
2. 主动提出并解决了项目开发环境一直存在的问题,并在此基础上提高了项目开发的规范性和开发团队的便利性
3. 封装useTable、useModal等hooks,并开发了常用搜索栏等公共组件,极大地减少了每个页面的冗余代码,提升了开发效率
4. 优化旧代码中的过多的if/else嵌套,使代码更灵活、整洁,并获得代码审核组的赞赏。
5. 提出方案实现公司前后端不分离项目中嵌套Vue页面的刷新缓存功能
6. 根据axios v0.22.0版本之前的特性,使用CancelToken来取消在切换tab栏时未响应完的请求,避免了页面数据混乱问题
项目为开源领域的可视化大屏,是OpenDigger开源软件生态数据分析挖掘平台挑战赛的参赛项目。本人为项目负责人,开发项目并与蚂蚁集团、阿里等公司一同参与无锡线下决赛路演并在现场决出名次。负责项目从0到1的搭建、开发、上线,涵盖前端、Node服务端以及Eslint/Commitl
后台管理系统。技术栈:React、TypeScript、Umi Max、Antd Pro、Antd Mobile、Dva等,负责项目前端开发部分
包含小程序以及后端管理系统,vue开发,企业项目。负责项目从0到1的所有前端开发工作包括项目的优化。