基础:熟练使用html css JavaScript h5c3 es6 搭建前端项目,解决各个浏览器的兼容问题。
前端库:熟练使用swiper iscroll zepto echarts jquery 等前端库并有项目经验。
工具:熟练使用webpack npm等自动化构建工具。熟练使用svn git管理代码。
框架:熟练使用vue及vue-cli前端脚手架,了解双向数据绑定思想,有vue项目经验。
扩展:熟悉前端可视化布局,拖拽布局并生成代码块,实现快速构建页面;了解D3js以及canvas动画;了解微信小程序开发流程,熟悉其开发语言。
数据交互:熟练掌握ajax等通讯技术,了解ajax工作原理。熟练掌握跨域问题了解jsonp原理。
移动端:熟练掌握移动端响应式布局,弹性盒子的使用,rem的使用。有Dcloude+开发经验。
面向对象:熟练掌握面向对象及模块化开发,对原型,继承,作用域等思想有一定了解。
DOM:了解DOM动画,DOM事件原理,js运行机制。
H5c3:对h5语义化有一定了解。熟悉c3新特性,animation,border-radius,canvas等使用
一.鑫苑可视化系统
主要技术:
1. 项目采用vue-element-admin框架,结合vue-draggable,sortable.js实现。
2. 使用element-ui组件库搭建页面,axios,promise实现数据交互。
3. 根据数据返回的权限,利用addRouter进行路由的动态挂载。
4. 封装echarts图表组件,组件的可复用性。
5. 拖拽组件的使用,拖拽动态生成布局,图表等。
主要功能:
本项目是一个可视化报表工具,用来实时记录鑫苑的数据。其中对于布局和图表的自由化,可随意拖拽布局以及图表生成页面。供本公司以及第三方人士进行数据预览。项目一经上线得到甲方公司的一致好评,由于都是用户自己拖拽生成的模块,使他们的报表工具更加的自由化。
二.锦源汇智app
主要技术:
1. 主页拖拽重排序菜单的实现。根据不同的用户角色显示不同的菜单。
2. 使用echarts图表进行数据展示,并对echarts图标进行响应式处理。
3. 使用Dcloud+ 进行打包,配置图标,启动页,权限等功能。
4. 利用ajax实现和后台的数据交互,数据的增删改查。
5. 高德地图的使用,根据后台返回数据在地图上做标记。
主要功能:
本项目是一个地铁站维护项目。在这个app中可以生成工单,给对应的人员进行维修。通过echarts图表展示出对应的站点有哪些地方需要维修和保养。主要的逻辑就是申请工单-审核-维修-申请备件的功能,此功能共有8个节点,每一个节点要传递的参数还有状态都很重要,用到了本地存储,实现起来很方便。