1.熟练掌握前端开发技术JavaScript、TypeScript、CSS3、HTML5、Less、Sass、ES6等,100%还原页面及功能;
2.熟练掌握Vue、React及相关生态技术,并研究过其内部实现原理;
3.熟练掌握基于原生小程序开发、Uniapp进行app多端开发,android、ios等app打包上架;
4.熟练掌握Webpack、Vite,能够编写Babel、Loader、Plugin进行工程化能力输出;
5.熟练掌握node、npm版本管理工具nvm、fnm,代码仓库管理工具git、svn;
6.熟悉Echarts、Three.js、高德/百度地图、datav等可视化图表库;
7.熟悉公司技术选型工作,注重前端标准化、自动化、组件化,在部门内部推行Eslint、Commitlint以及标准落地;
8.熟悉前端性能优化、前端安全、浏览器渲染、浏览器兼容等,有一定的应用和思考;
9.熟悉chatgpt等AI工具的使用,能规范的书写prompt提示词实现工作效率的提升;
10.了解node.js、next.js,基于express编写过api接口,并部署上线。
浙江省消防行业信用综合监管平台(h5)
技术栈:React +TypeScript + VantUI + Echarts + 天地图
项目描述:
是一套对消防安全重点单位的消防档案、消防设施、消防预案、消防人员和消防数理统计等进行全面管理的系统,日活跃人数平均在6w左右。用户可对浙江省各行业领域内安全点巡查上报,值班人员签到打卡,隐患的整改治理,消防安全知识培训学习,岗位人员权限控制,消防设施配置等。
工作成果:
1. 负责项目在浙里办的埋点,升级,适老化,微信/支付宝浙里办小程序适配,使项目在2周内通过了升级审核并上架;
2. 拓展了6个行业类型,并按时完成了对应登录流程页面和功能的改造,保证了版本的正常迭代。
3. 使用plop进行项目页面模板创建,根据node命令实现单页面快速创建。
4. 优化了项目的首屏加载速度,将页面响应速度提升了30%,白屏提升了30%,FP缩短0.5s,FCP缩短0.5s,FMP缩短0.5s,
LCP缩短1s,大大增加了用户的满意度。
5. 升级并兼容项目在浙里办、支付宝和微信三端系统,提升了用户的黏性和转化率,日访问量达到6w+。
6. 封装了pc和移动端两端的动态表单组件,直接在单页面配置使用,无需重复造轮子!
7 . 采用虚拟滚动方案,只渲染可视区域。极大的减少了dom元素数量,加速了渲染速度,基本保持60FPS丝滑滚动。
花店一站式Saas平台(web+小程序)
技术栈:React + AntdUI + Echarts + Vite + TypeScript
项目描述:
该项目是一款为花店提供的一站式管理系统,包括订单聚合、配送下单、财务管理和客户营销等功能。整合各种订单数据,支持
自动接单和订单打印,还整合了多种配送平台,方便进行配送比价和履约,节约配送成本。为花店提供有针对性的客户关怀和精
细运营工具。
工作成果:
1. 负责项目截屏功能的开发和调试优化,实现页面快速截屏;
2. 负责订单管理,卡券,余额充值等模块页面及功能开发;
3. 对比lingui、react-i18next等国际化插件,实现了多语言切换功能。
4. 创建了一套多语言管理平台。利用自开发的 babel 插件,这个插件通过分析抽象语法树(AST)实现文案自动替换、文案自动
上传。
5. 通过html2canvas,canvas2image从内容完整性,清晰度的优化、转换效率三个维度分别突破。实现了项目完整截屏2秒内完成。
浙江省智能化消防监督执法平台(浙政钉+web)
技术栈:React + TypeScript + Vite + AntdUI + Echarts + DataV
项目描述:
该项目分为管理后台端和浙政钉内嵌的掌上端两部分。用于全省消防各地市执法人员,对一些企业单位进行监督检查、火灾调查,单位管理,行政处罚,物证管理,现场勘验记录,任务审批,查封解封,人员权限管理等,涉及处罚的最终会以文书的形式
下发给相应的单位或者个人,并完成线上罚款。
工作成果:
1. 负责掌上端项目的搭建,配合vant封装了常用form表单的配置,只需在页面代码中按需引入;
2. 使用axios的CancelToken方法取消上一页面未完成的请求,减少页面性能的消耗;
3. 使用阿里云DataV .GeoAtlas地图json数据并结合Echarts完成地市地图显示以及下钻;
4. 通过点聚合以及数据数据切割等优化方式,使得地图加载1000+标点时间控制在3s内;
4. 升级vite版本,添加plugin相关插件,使得项目第一次启动时间1分钟到20秒,热启动20秒到5秒,打包体积20M优化到8M;
5. 对接联调了思普瑞特、汉印、海康、数源等多款打印机和pda,帮助执法人员做到随地快捷打印出单,办公效率提升70%;
6. 实现大文件上传,采用分片上传、断点续传等处理方案,上传成功率达到95%以上,支持了最大2g的大文件上传。
花集AI精灵(app+小程序
技术栈:Uniapp + TypeScript + Uview + Vite +Websocket
项目描述:
花集AI精灵是一款高效且友好的创作辅助应用,可以为用户带来了一系列丰富的创作功能,用户可以在这里根据自己的喜好和需求自由选择功能灵活地进行创作,无论你是想要尝试创意绘画,撰写文案还是设计个性化头像这款应用都是不错的选择,作品质量也得到了保证。
工作成果:
1. 使用LangGpt框架构建各种类型高性能质量Prompt精准输出并不断调优,如(文案写作、创意绘画、内容营销、工作提效)
等;
2. 使用Websocket实现监听绘画和写作的生成情况,并设置心跳机制,防止断连;
3. 采用瀑布流式布局,比较父级最小高度找到对应索引,插入图片。
4. 解决了不同设备下的兼容性问题、给用户带来更好的体验。
企微营销自动化平台重构(web)
技术栈:Vue + Vuex + Vue-router + Element + IndexDb
项目描述:
该项目是专注于企业微信私域营销的自动化工具,通过群发(不限次数)、SOP、智能托管、自动加好友、自动踢人、黑白名单、客户朋友圈等功能,提高企业1对1运营和社群运营的效率。
工作成果:
1. 主导了对客户端内嵌项目的重构,框架和UI组件库升级。vue2.6=>3.2。
2. 负责了从原有的vue2版本迁移到vite+vue3的新版本架构。
3. 基于VitePress抽离多版本公共组件部署为公司UI组件库项目,并发行npm,撰写了相关的api文档。
4. 对比cookie、Web Storage,最终选择indexDB本地数据库的方式,可以存储大量的结构化数据。首次加载速度提升30%以上,二次加载基本秒完成。
5. 针对项目升级带来的报错精准排查,对相关语法和引入进行全局修改,最终适配最近Element组件,编译冷热启动速度控制在5秒内;
6. 使用unplugin-vue-router进行基于文件的自动路由配置,借助 TypeScript,简化了您的路由设置,并使其更安全、更易于使用;
项目描述: 浙里办上架应用,目前适用于浙江省所有各医疗机构,电影院,工业/危化品企业,大型商超,宗教寺庙等行业 消防工作,日活跃人数平均在6w左右。用户可对行业领域内安全点巡查上报,值班人员签到打卡,隐患的整改 治理,消防安全知识培训学习,岗位人员权限控制,消防设施配置等。
项目描述: 该项目以 uniapp 为底层框架,可同时拓展个平台小程序,android和 ios,app 软件。该软件是专门针对眼镜店开发的工具,主要包含功能性镜片展示,便于店员跟客户沟通,让销售变得简单,轻松提高效率。 工作和成就: 1. 负责页面切图,图标库已经静态