掌握HTML5,CSS3 ,ES6,可快速搭建前端界面,并对浏览器渲染原理一定了解
熟悉Vue2 技术栈( Vue2.x, vue-router, vuex ,axios ) ,拥有实际线上项目开发经验
熟悉手机端项目及uniapp开发,了解H5存储,能够解决常见兼容性与适配问题
熟练使用Element,Vant等前端UI组件库,可快速制作后台系统类模块化组件
熟练掌握HTTP/HTTPS、 TCP/IP网络协议,了解Webpack,前端工程化
掌握Git 协作开发,分支管理,版本管理,以及对前端代码规范和代码格式检测有一定了解
熟练使用前端调试工具,快速定位前端问题
危房拆建低代码模板平台旨在让更多温州市内区级县级中小型项目无需付出高昂开发与时间成本,即可产出区县级数据治理与管控平台,固定功能部分包括区县地区数据,基础版OA工作台,数据自定义可拖拽大屏,项目主题配置,可定制部分包括相关数据录入,活动及调查自定义表单生成,公式内容富文本编辑与发布等,并且在此基础上可以正常开发方式增加新模块,此系统经基础教学后各政府及乡镇工作人员通过简单操作就可以快速生成可配置页面。
`Vue2.6` `vue-router` `vuex` `axios` `温州市地理信息公共服务平台`
- 通过vue-dragging实现可拖拽式自定义大屏定义,数据分析师等人员可根据情况和需求选择echrats图例,录入符合查询结果范式的SQL输入即可实现ECharts数据自动渲染,无需任何前端参与开发即可产出通用化数据大屏。
- 参与开发前端公共组件库,包括树形选择、树形列表组件,典型组件为模板表单组件,通过JSON元数据的方式描述每个表单项的类型,极大提升了代码复用性与可扩展性,基于元数据格式与操作需求编写内部文档,并以此为基础完成项目后期自定义表单开发。
- 封装树状结构,对结构树遍历性能优化,前期开发使用递归遍历组织结构树,遍历效率低,并且有多处业务使用相似逻辑,代码分散且耦合度高。首先通过提取公共方法以统一业务逻辑,然后通过广度优先遍历的方式提升性能,使用了数组作为队列来处理遍历过程中数据,提升50%以上性能,项目中此结构被应用于自定义导航菜单部分。
- 为优化使用img标签导入大量SVG图标导致的繁琐工作量,封装svg-icon属性,直接传参图标名称即可使用图标,并且定义了其他参数例如颜色、大小、定位等props,实现免写CSS样式即可进行简单调整