近8年的web经验(有带人经验),熟练掌握HTML5、css3、TS、JS,对javascript运行机制、作用域、闭包、原型链、模块化、继承、垃圾回收、promise等理论知识及场景应用都有比较丰富的认识;
承担团队技术选型,注重前端标准化,在部门内部推行Eslint、Commitlint,追求开发高质量、高可维护性的代码,开发公共组件库输出公共npm包,具有前端性能优化的经验,前端安全也有一定了解;
熟练掌握 Vue 全家桶以及 Angular,有微信小程序、钉钉小程序、浙里办小程序的开发经验;
有丰富的大型Sass平台项目经验,跨团队协同能力强,对前端工程化,前端性能优化有丰富的经验;
熟练数据大屏的开发,熟练使用 Echarts 图表;
了解qiankun微前端的使用;
项目一 :浙江省消防行业信用综合监管平台
项目描述:用于消防安全管理工作,通过建立完善的消防组织机构、制定消防安全管理制度、开展消防安全培训等方式,自主管理和控制消防安全风险。与之相应的PC端还有消防技术服务(Angular)、研判管控(vue)、消防安全重点管理系统(vue)、消防技术服务机构信息公式系统(vue)、消防安全风险防控平台(vue)、消防监督执法系统(vue)等。
涉及技术:Angular、TypeScript、Echarts、NG-Zorro 等
设计技术:
1.综合监管采用了 Angular + NG-Zorro,主要是属于后端管理系统的操作;
2.大屏采用端是高德地图+Echarts;
责任描述:
1.作为项目owner,负责项目从0-1的框架搭建,调研方案可行性,负责技术选型、难点攻克、任务的分配、项目进度的把控、新人的辅导;
2.负责公共组件的开发、抽离,比如Echarts组件、上传图片、下载excel 文件、高德地图组件等;
3.牵头做敏捷复盘和 codeReview;
难点:
1.多项目,但使用同一套登陆系统,根据不同身份(总队、支队、大队)获取不同的用户信息以及菜单权限;
2.百度地图在嘉兴市嘉善县展示的经纬度有问题,不能准确定位到相应位置,最终采用了高德地图,输出了一套移动端和PC端公用的高德地图组件,发布到npm中。
项目收获:
通过消防一系列项目的开发,更加确切明白工作交接时的重要性、以及统一的模板对开发人员的重要意义。通过定期项目复盘,找到开发中的问题点,为后期开发铺路。
项目二 :消防自主管理(浙里办)
项目描述:消防项目的浙里办端小程序,主要包含了自主管理和教育培训两大模块。自主管理又包含了每日巡查、每月检查、隐患治理、应急演练、消防设施、岗位权限、消防信息等功能,其作用主要是辅助综合监管和技术服务手机端的现场操作和人员岗位的管理。与之相应的浙里办端还有隐患随手拍和消防技术服务。
涉及技术:Vue、TypeScript、Echarts、Vant、高德地图等
设计技术:
1.浙里办端采用端是 Vue + Vant;
2.地图采用高德地图,图表采用了 Echarts,PDF采用了pdfH5;
3.采用了浙里办埋点技术。
责任描述:
1.作为项目owner,负责项目从0-1的框架搭建,调研方案可行性,负责技术选型、难点攻克、任务的分配、项目进度的把控、新人的辅导;
2.浙里办项目模板的搭建,包含统一登陆、埋点、适老化配置等;
3.负责公共组件的开发、抽离,比如Echarts组件、上传图片、下载excel 文件、高德地图组件等;
4.牵头做敏捷复盘和 codeReview;
难点:
1.PDF展示:iframe 嵌套的PDF在专有钉钉中成了下载而不是展示;vue-pdf 在专用钉钉中查看时中文丢失;最终采用pdfH5才展示;
2.浙里办小程序返回到启动页后,要关闭当前小程序,但是再次获取用户信息了,此时的ticketId已经被使用了,再次使用已失效,后端会报错,此时应该关闭当前应用,不要进行后续的操作。
项目三 :浙江省统一行政处罚办案系统
项目描述:属于后台管理系统,分 PC 端和H5掌上端,掌上端功能模块嵌在浙政钉“掌上执法”中。该项目是浙江省推进政府数字化转型的重点内容,为了促进行政机关依法行政水平和政府公信力的提升,以及完善行政权力运行制约和监督体系,规范行政执法行为。包含立案登记、调查取证、处罚告知、处罚决定、决定执行、结案归档、办结案件等流程。
涉及技术:Vue2、Vuex、TypeScript、Element-UI等
设计技术:
1.PC和H5登录账户体系都使用的是同一套体系。
2.PC端的UI框架采用 Element 2.13.2版本;移动端的UI框架采用 Vant ;
3.字体图标库采用 iconfont ;
4.采用 iframe 内嵌相关行政处罚的页面。
责任描述:
1.前端项目负责人:前端任务的分配、项目进度的把控、新人的辅导;
2.负责抽离公共组件并封装到项目组件库中的,比如下拉树、弹框、表单、上传、PDF等;
3.根据需求文档完成业务逻辑;
4.负责系统上线后需求迭代开发及维护;
5.统一Git提交规范、前端代码的codeReview、页面UI统一风格的修改;
6.优化项目性能,提高用户体检和交互效果,保证项目质量。
难 点:
1.合并表格:裁量配置表格的列是动态可修改的,需要手动组装数据以及区间排序;相对应的上下行的内容如果相同,需要合并;
2.签名:需要手机扫码签名,横屏签名保存的时候需要去除多余的空白区域并且旋转90度后上传;
3.