熟练使用flex、grid、rem、百分比、弹性盒模型及实现移动端的响应式布局。
熟练使用主流框架Vue全家桶(Vue+Vue-router+Vuex+axios)。
熟练使用git进行版本管理、团队协作开发。
熟练使用Ajax、JSONP、axios等技术。
熟练使用ant-design、elment-ui、vant-ui、lay-ui等前端ui框架。
熟悉HTML+CSS布局规范,使用W3C标准进行开发以及ESLint代码规范。
熟悉ES6语法、熟练使用Jquery。
掌握ts语法以及vue3框架的使用
掌握MVC/MVVM原理,以及前后端分离式下的模块化开发方法。
掌握node.js express,了解简单PHP语法,掌握MySql数据库相关技术,了解mongodb。
对网页性能优化有一定的经验,能解决各大主流浏览器(IE/Chrome/Firefox)等的兼容问题。
项目一: 人力资源考勤系统PC端
这是提供给内部人资使用的考勤系统,用于设置内部考勤的相关信息,如考勤规则、考勤地点、考勤结果等的设置,根据不同的公司人员设置不同的考勤规则,为了移动端打卡服务的一个后台管理系统。
项目周期:3个月
应用技术:vue + ant-design+ vuex + vue-router + axios
负责模块:所有模块,包括考勤规则、考勤地点、排班管理、结果管理、假期规则、设备管理等。
技术要点:
1.使用ant-design和公用组件库搭建静态页面,再和后台人员对接数据结构。
2.把所有页面的公用组件梳理出来并开发对应的公用组件。
3.和后台人员对接接口时,讨论并优化了部分冗余的接口,避免页面过多且重复的接口请求。
4.在考勤地点模块,在页面上插入腾讯地图,并通过调腾讯地图的开放接口实现打卡地点的搜索,然后在地图上标记出来。
随后根据所选的打卡范围绘制地图上的覆盖物,实现地点选择和范围选择的效果。
5.有部分模块设计流程的如请假申请、公出申请等,和开发流程引擎的人员配合完成对应的流程。
6.由于设置考勤规则页面过于复杂,参数字段过多,且几种类型的规则重复的字段过多,所以将新增考勤规则页面组件化,
把公共部分拆解出来,避免日后代码阅读和维护上过于困难。
项目二: 移动端考勤打卡H5端
这是一个提供给员工打卡使用的,嵌入到企业微信的一个H5端的打卡功能。配合PC端的考勤系统,从而替代企业微信的打卡,实现部分功能满足自定义的需求。
项目周期:1个月
应用技术:vue + vuex + vue-router + axios
负责模块:所有模块,包括打卡功能、历史打卡记录、假勤记录、补卡申请、请假申请等。
技术要点:
1.这是一个比较小的项目,为了追求轻量化,不在项目中引入UI组件库,所有需要的组件都自己开发。
2.由于嵌入到企业微信的应用只能通过获取session信息再去调取接口来获取当前人员的具体信息,所以在进入打卡页面之
前,使用空白页去获取打卡人员信息,随后使用路由重定向进打卡页面。
3.考虑到打卡信息传输的安全性,和后端人员约定好使用sha1为传递的部分打卡数据进行加密,后端人员在接收到打卡数据
时同样使用相同数据进行一次加密,只有两端的加密串相同才可以打卡成功,避免出现串改打卡数据的情况出现
4.由于抓包可以看到打卡加密时使用的打卡参数,为了进一步提高安全性,加密在vuex里面进行,传参的地方只是接收来自
vuex输出的加密串,以提高安全性。
项目三: 郡园网校微信公众号
这是一个和长郡中学合作的一个线上学习平台,该平台有长郡同步学和假期智慧学两大模块,使得家长和孩子们可以在线上学习到名校的课程以及名校的假期作业。
项目周期:1个月
应用技术:vue + vuex + vue-router + axios
负责模块:假期智慧学模块。
技术要点:
1. 和其他开发人员分别开发项目所需要的组件,形成一个小型组件库。
2. 和后台人员配合,实现微信支付功能。
3. 严格按照ui给的设计图去实现页面的绘制,后期和ui对接各种细节,以达到设计师和产品想要的效果。
4. 使用vue-video-player实现视频播放功能,并实现记住上一次该视频的观看时长以及是否已观看此视频等视频播放的相关
功能。
5. 移动端的输入框,由于安卓手机是通过改变窗口的高度来弹出键盘,所以有时候输入框会被键盘覆盖,所以使用
window.resize来监听窗口大小的变化,通过滚动页面使输入框不被遮挡。
这是一个和长郡中学合作的一个线上学习平台,该平台有长郡同步学和假期智慧学两大模块,使得家长和孩子们可以在线上学习到名校的课程以及名校的假期作业。用户可以购买网校对应的学习视频以及学习资料,让非名校的学生也可以拥有名校的学习资源。
这是提供给内部人资使用的考勤系统,用于设置内部考勤的相关信息,如考勤规则、考勤地点、考勤结果等的设置,根据不同的公司人员设置不同的考勤规则,为了移动端打卡服务的一个后台管理系统。此系统包含移动端打卡页面,和pc端相互配合完成员工的考勤。