1. 熟练 H5 + C3,JavaScript(ES6 新特性),CSS 预编译语言(Less/Sass)
2. 熟练使用 vue2、vue3,掌握模块化开发、组件化开发提升代码灵活性
3. 熟练使用 element-ui、element-plus、vant、Echarts 等工具库
4. 了解 Node.js、uniapp
5. 熟练使用版本控制工具 git
6. 熟练使用 postman 进行后台接口测试
7. 熟练使用响应式布局,flex 布局,rem 布局进行前端项目开发
项目一
项目名称:百川星服-智慧后勤综合服务管理平台(后台管理)
项目描述:通过后台添加的数据或信息,在 app 上展示并且进行操作,主要模块分为园区服务,餐饮管理,模块管
理,系统设置,智慧园区。
项目职责:
1. 整个使用 Vite+Vue3+Pinia +Element Plus 开发
2. 使用 Pinia 实现数据状态的管理
3. 区分登录的人员,封装和调用了鉴权的方法,通过存取 token 的方式验证登陆者的使用权限
4. 使用动态路由搭建侧边栏,根据不同人员显示不同侧边栏
5. 封装 table 表格,使用插槽根据需求来显示不同的表格及功能
项目二
项目名称:百川星服(移动端)
项目描述:是对百川内部员工开放的一款 app 软件,内部各个模块之间展示不同的功能。
项目职责:
1. 基于 uniapp + vant 进行开发
2. 运用 postcss 搭配 rem 解决移动端适配问题
3. 负责登录中,实现用户账号密码登录
4. 使用 vant 中的 Swiper 轮播组件实现首页的轮播效果
5. 对除登录以外的页面进行鉴权,没有登录则不能访问
6. 负责二次封装 axios,添加请求拦截和响应拦截,并在请求拦截中添加全局的 loading 加载提示
项目三
项目名称:简法旅游(小程序)
项目描述:简法旅游 是一款包含多地区的旅游小程序,无需下载、在线浏览,包含东南西北覆盖各地区的景点,为
您提供简约而不简单的旅行体验,做您身边的旅行伯乐。
项目职责:
1. 负责的主要模块有首页、登录、个人、详情页、搜索等
2. 负责对各个页面的图片做了懒加载的优化,提升用户整体体验程度
3. 使用 wx.setStorage 实现本地数据存储,数据持久化
4. 使用 wx.request 进行数据接口封装,提升项目可维护性
5. 利用 onpullDownRefresh(),onReachBottom()实现上拉刷新下拉加载
项目四
项目名称:智慧校园后台管理系统(后台管理)
项目描述:智慧校园 pc 端,产品适用对象主要是学校的职工(包含教师、保安、安全负责人等)等人员,目的是
通过其提高学校安全防护效率、学校管理效率等。产品模块主要包含:安全管理,考勤管理,学生管理,教职工管理,
权限管理。
项目职责:
1. 负责搭建项目,根据 ui 图,使用 Element-ui 完成项目布局
2. 负责考勤管理模块内:学生,教师考勤内使用 Tabs 标签页组件实现今日,缺勤,历史考勤的数据切换。
实现学生,教师考勤数据的联合搜索。实现教师的请假原因详情,以及编辑与撤销
3. 负责学生管理模块内:实现学生管理列表渲染,数据联合搜索,编辑删除,新增学员等功能
项目五
项目名称:智慧校园(移动端)
项目描述:通过这款 APP 提高学校安全防护效率、学校管理效率等。智慧校园移动端的产品模块主要包含:校园
隐患管理、日常检查、隐患排查、访客管理、保安巡查、班级考勤、学校考勤、离校管理、报表填报等服务模块。
项目职责:
1. 负责根据 UI 图实现首页,消息,登录页面高精度还原
2. 负责登录中,实现用户账号密码登录与手机号登录
3. 使用 vant 中的图片懒加载和上拉加载实现了图片的优化
4. 在搜索时使用了防抖和搜索历史记录功能,为用户搜索时提供了方便、同时减轻了向后台请求的次数,减
少了服务器的压力