1、具备解决常用浏览器的兼容问题,熟悉ES6新特性,HTML语义化和闭包。
2、熟练掌握Web技术,如JavaScript,ES6,HTML5,CSS3,Ajax,Json,Echarts熟悉W3C标准。
3、熟练使用一些前端框架,如Vue.js,element-ui,mand modile等。
4、熟练使用webpack等自动化构建工具。
5、熟练使用less,sass预处理技术。
6、熟练使用SVN、git版本控制工具,进行代码管理,实现敏捷开发。
项目一:e钱包
项目简介:该项目是为易方达重构e钱包app,而e钱包项目是一款基金选购平台;让用户在该app中购买基金,查看可以选购的基金列表及其对应的基金组成和基金走势图,以及用户已经选购的基金的收益双曲线,还可以提示用户在购买基金时的注意事项,帮助用户进行购买或者定投等一些基金操作。
开发技术:vue2,mand mobile,scss ,echarts,vuex,javascript
项目职责:参与需求评审;梳理各自的需求,绘制流程图便于各自对需求的理解,也用于反串讲;使用echarts绘制双y轴折线以及多线段走势图,渲染不同日期区间的基金涨跌幅和日收益、持有份额等列表;使用css实现部分页面的骨架屏来处理页面加载时白屏的情况。
项目二:FillMall优选
项目简介:该项目主要用于北京易诚互动为各大行方服务前,行方用户能够在该平台中生成的一个商品类型的记录。该项目主要包括首页的商品介绍和相关视频的展示,工作台中记录该商品的进展过程追踪。
开发技术:vue2,element-ui,HTML,CSS,scss,vuex
项目职责:参与需求评审;基于vue+element,实现了动态路由和权限验证的一些配置;根据登录用户的权限,渲染该用户该有的工作台功能(租户工作台、运营工作台、推广工作台);其中实现了租户工作台中的应用注册、详情查询、资产登记、产品上下架等表单的上送及返回后状态的回写。
项目三:内容中心
项目简介:该项目主要用于平安寿险各大内容制作项目的内容使用情况的统计;其中包括首页所有已添加的应用场景(各大内容制作项目的产物)的内容浏览量、下载量、转发量以及对应的同比和趋势图,当然也包含场景管理界面对各个场景的添加、编辑的配置管理,同时还满足已添加场景单点登录跳转到对应平台。
开发技术:vue2,vuex,element-ui,HTML,CSS,less,echarts
项目职责:参与需求评审;基于vue+element,实现了动态路由和权限验证的一些配置以及登录页面的开发;趋势图的动态渲染,各大场景的单点登录跳转,场景的配置编辑。
项目四: 共创中心
项目简介:该项目主要用于各机构大厅展示宣传片。主要分为后台管理系统和大厅的屏幕的展示,后台管理系统包括登录以及设备管理、模板管理、内容管理这些模块;大厅的屏幕展示包括地图大数据、大数据统计图、视
频、图片的自动轮播。
开发技术:vue2,vuex,element-ui,HTML,CSS,vue-amap,echarts,less
项目职责:参与需求评审;后台管理系统主要负责项目框架的搭建,基于vue+element,里面包含了动态路由和权限验证的一些配置包括模板管理以及登录页面的开发;大屏主要负责实现图片,视频,课表组件在屏幕上面能够自动轮播以及统计表渲染。
项目五: 科创云平台
项目简介:该项目包含素材、方案、活动、用户权限四大模块,前三个模块是支持公司的各关联方为了开展业务以及拓展代理人等业务的平台;该项目为用户提供内容上传入口和管理平台,为用户提供整合内容形成活动素材,以供内勤用户开发平安保险新用户。
开发技术:vue2,vuex,axios,element-ui,HTML,CSS,less
项目职责:参与需求评审会议;主要是优化素材库,套餐库,方案库等涉及到场景的模块、封装接口,以及完成素材库新增的场景的功能。
项目六:业财联动
项目简介:该项目主要用于统计碧桂园母公司的各个地区的房地产行业各楼盘在销售期在各月或者各季度的销售与支出情况。
开发技术:vue2,vuexelement-ui,HTML,CSS,less,echarts
项目职责:基于vue+element,实现了动态路由和权限验证的一些看板的管理以及登录页面的开发;其中看板中包含有动态配置、数据表格渲染以及趋势图的渲染。
我在这个项目中主要负责入司流程的绘制,首页轮播图的播放,整个页面的布局以及组件的封装。其中主要的功能有用户登录、注册、视频的播放、项目打开时自动播放gif(可跳过)、入职流程中的消息通知、平安资讯、平安风采等功能。
使用echarts绘制双y轴折线以及多线段走势图,渲染不同日期区间的基金涨跌幅和日收益、持有份额等列表;使用css实现部分页面的骨架屏来处理页面加载时白屏的情况;“我的”页面各信息录入以及用户账号注销。