1、对原生JS有深入的理解,前端基础扎实、熟练使用 HTML5,CSS3,ES6 等;
2、熟练使用高德地图,百度地图和echarts等可视化工具
3、对前端工程化与模块化开发有一定了解,熟悉webpack等主流web打包工具的使用
4、熟悉git版本管理工具及常用的工作流程
5、熟练使用 vue 框架,应用 vue 的周边资源, vuex、vue-router、vue-bus;
6、熟练使用Sass,Stylus等css预编译语言和数据可视化框架ECharts;
7、了解浏览器工作原理及浏览器缓存原理
项目一:可视化大屏系统
1.项目概述:
此项目是一个数据可视化大屏界面,根据用户点击地图的不同区域,展示对应区域的数据,采用vue框架进行开发,用axios进行数据请求,并在本地mock数据,用echarts实现数据可视化,实现和后端一起并行开发,实现前后端分离,降低联调成本
2.负责内容:
(1)根据设计图和原型完成页面的布局,样式和交互
(2)与后端沟通接口问题,本地mock数据,实现并行开发
(3)与后端联调,改bug
3.项目总结:
在项目密集度很大的时候,采用vue框架进行前后端分离开发,缩短了联调成本,保证了项目可以如期交付
项目二:天阙官网
1.项目概述:
此项目是天阙公司官网,用到的技术是vue,vue-router,es6以及css预编译语言less等,并用ESlint规范代码
2.负责内容:
(1)负责产品与服务模块页面的输出,高度还原设计稿
(2)负责编写可复用,易维护的组件
3.项目总结:
(1)以模块化,组件化的开发方式,保持良好的代码编写规范,易 于后期项目维护
(2)用路由懒加载,解决了vue项目首次加载慢的问题,提高用户体验
项目三:衢州新基层治理四平台
1.项目概述:
该项目是一个前后端不分离的政府PC端web系统,前端负责提供静态页面和修改样式
2.负责内容:
(1)对于新页面,高度还原设计稿并且按照原型实现页面交互效果;对于旧页面,进行样式修改,保证整体网站风格统一
(2)配合后端工程师进行联调,保证项目在规定的时间内顺利上线
3.项目总结:
在与团队小伙伴的紧密配合下,保证了项目在极短的时间内顺利上线,完成了一次新的挑战;同时使团队成员之间的配合也更加有默契
以上的3个项目均是可视化大屏系统,用echarts、highcharts等js库来完成数据的可视化,在不同地区之间实现数据的联动,点击地图,可以实现地图的下钻,比如从浙江省的地图点击杭州市,可展示对应的杭州市的区域分布图和对应的图表展示,以实现地图-图标-数据3者的联动效果
1.项目概述: 此项目是天阙公司官网,用到的技术是vue,vue-router,es6以及css预编译语言less等,并用ESlint规范代码 2.负责内容: (1)负责产品与服务模块页面的输出,高度还原设计稿 (2)负责编写可复用,易
1.项目概述: 此项目是天阙公司官网,用到的技术是vue,vue-router,es6以及css预编译语言less等,并用ESlint规范代码 2.负责内容: (1)负责产品与服务模块页面的输出,高度还原设计稿 (2)负责编写可复用,易