1.熟练使用HTML5、CSS3进行移动端和pc端项目开发,通过rem布局等方式进行项目适配。
2.熟练使用主流框架vue以及vue全家桶,熟练使用element进行后台管理系统的快速开发。
3.熟练小程序的开发,可独立开发公众号项目,对接微信js-sdk微信内置功能,实现公众号业务功能和支付功能。
4.熟练掌握原生javaScript,掌握jQuery等前端类库。熟练使用前端基础类库,如jQuery、Zepto等
5.熟练掌握Less、Scss预编译技术,熟练掌握flex布局、流式布局、响应式布局、rem布局等布局方式。
6. 能熟练运用Ajax、axios与后台进行数据交互,利用jsonp实现跨域调取各个开放平台提供的API, 开发环境配置ng解决跨域问题。
7.会使用可视化库ECharts进行图形展示,使用百度地图、高德地图实现热力图、分布图等可视数据展示。
8. 了解后台语言node.js,可以使用navicat对数据库进行简单操作,使用FileZilla进行前端打包自动部署
项目一
项目名称:抄表后台管理系统及抄表App 2020.03 – 2020.7
项目描述:按照公司业务需求按照总管理员、经销商、水司、用户等身份进行开发项目,开发项目模块主要包含登陆、首页、报装立户、客户档案、抄表管理、水表资料、用水分析、设备管理、DMA分区、基础管理等30多个模块150多个页面,实现水司抄表一体化,其中项目带有手机抄表app功能。
责任描述:
1、主要负责总管理员账户的账户创建等功能,经销商账户的从生产到审批到发货的业务过程,水司用户的查看和数据展示等功能;
2、使用vue-cli2.0进行项目的搭建,使用nginx进行网关代理,使用element进行ui页面展示,使用vue相关插件进行辅助开发;
3、对axios进行封装发送请求 ,对页面内公共功能进行封装,如导入导出功能 新增修改删除搜索功能 ;
4、项目使用cookie进行token和相关数据的存储 使用js-cookie 进行处理
5、使用插件vxe-table实现大批量数据报表功能,使用echarts配合百度地图高德地图实现热力图等功能的图表展示;
6、使用vue-router,实现路由相关功能,路由采用hash模式;
7、通过vuex进行水司code的存储和共享,封装本地存储工具storage.js实现数据持久化功能;
8、在首页使用vue-grid-layout插件 实现首页vue栅格拖动布局,用户自定义显示对应的相关功能模块。
9、抄表APP使用uniapp进行开发,主要用于抄表员进行移动手机抄表录入功能,使用HBuilder X进行开发预览和打包。
项目二
项目名称:营收后台管理系统及营收公众号 2020.08 – 2020.12
项目描述:按照公司业务需求,配合抄表系统对营收系统进行开发,开发模块主要包含首页、客户档案、收费管理、营收分析、发票管理、办公管理、短信推送、微信推送等20多个模块80多个页面,主要用于水司用户的柜台收费以及收费的统计等功能,该项目还配合开发公众号实现公众号微信缴费功能,后端对接支付宝实现支付宝生活缴费功能等。
责任描述:
1、主要负责该项目整体的项目搭建和规划,参与项目的页面展示和页面交互的需求讨论与确认;
2、使用vue-cli2.0搭建后台管理系统,使用vue-cli4.0进行公众号的项目搭建,后台管理系统采用element进行ui设计,公众号采用vant组件进行页面搭建;
3、对axios进行封装发送请求,对公众号使用导航守卫功能,实现进入公众号自动进行微信授权功能 ;
4、后台管理系统对接项目需求,完成从报装-立户-抄表系统推送用量-费用计算-加减免违约金附加费计算-柜台收费-发票打印-统计报表的整体流程开发
5、公众号对接微信js-sdk,实现微信支付功能,开发实现相应的支付,点金计划,销账,缴费记录统计等功能;
6、营收柜台收费实行前端计算和后端计算想对比,实现收费的功能;
7、对接阿里短信,对接后端接口,实现页面设置短信模板,实现短信发送模板的灵活使用;
8、对接微信推送功能,使用前端传值的方式 实现公众号关注用户的微信通知功能。
9、使用js实现页面部分内容电脑打印功能。
项目三
项目名称:犬伤小程序(HTML5+flex+axios+uniapp) 2019.09 – 2019.12
项目描述:按照公司业务需求,对犬伤知识方面医院的培训和对病人实现各个医院之间及时高效转诊功能。开发模块主要包含首页、会议培训、课程、社区动态、最新资讯、知识库、直播(微赞)、品牌严选、基地培训、医联体转诊、联系我们等20多个模块60多个页面,实现医联体转诊、用户线上签到、课程线上购买、犬伤知识共享的平台。
责任描述:
1、主要负责该项目的搭建和规划,参与项目需求会议,沟通页面展示与页面交互的需求以及后期优化调整
2、使用uniapp进行项目的搭建,创建公共组件实现页面复用,使用vuex对用户登录状态存储、缓存、清理等功能的实现;
3、使用uni.request Payment实现微信支付功能,配合后端调取、传递相应的参数客户信息、商家标识、商家logo等信息实现课程的线上购买;
4、使用uni.downloadFile、uni.saveImageToPhotosAlbum等方法,实现图片的上传、下载和预览,先将远程文件下载到微信小程序的内存中,再将内存中的临时文件下载到用户本地。
5、与后端、微赞平台配合实现培训会议线上培训,展示会议