1、熟练使用Vue全家桶包括Vue、Vuex、Vue-Router、Axios等;
2、熟练使用Vant、Element-UI等组件库进行项目开发;
3、熟练使用Axios进行前后端数据的交互,熟悉浏览器的同源策略,并能够解决开发阶段常见的跨域问题;
4、掌握localStorage、Cookies、sessionStorage 进行不同需求的数据存储;
5、熟悉npm、yarn等包管理工具以及Git版本控制工具,并利用其进行代码管理,实现高效协同开发;
6、熟练使用Less、Scss预处理语言书写CSS代码
7、熟悉flex布局,利用rem进行移动适配,实现响应式页面开发;
8、掌握闭包、圆形链、promise、async/await等基础技术;
9、能够使用uni-app框架进行微信小程序开发;
10、熟练使用HTML/HTML5、CSS/CSS3、JavaScript等网页制作技术进行页面布局与交互;
11、熟悉React基本语法、React-Router、Redux、JSX及Hooks;
12、熟练使用ECharts制作各种图表,实现数据可视化;
2022.7-2023.1 西软数码企业管理系统(PC)
web前端工程师
项目描述: 该项目是一个基于vue2开发的供公司内部人员使用的后台管理项目 主要包含,登录、退出、组织架构,员工信息,角色管理,员工权限管理,员工薪资管理等功能。
项目职责: 负责员工信息、组织架构、登录、退出页面的全部功能。
项目实现:
1、基于vue2框架搭配Element-UI组件库开发,实现各个功能页面的布局;
2、为了提高网站的安全性,对页面设置基础权限,用户只有在登录且存在token值的情况下才可以进入系统首页,并进行 相应操作;
3、二次封装Axios设置请求拦截器,根据接口需求判断是否需要token,统一封装响应拦截器,过滤响应返回回来的数据;
4、利用el-tree组件实现组织架构页面的结构布局,并结合ES6中模块化的特点,配合async与await封装对数据的增删 改查功能;
5、每次请求登录接口的时候,在Axios的请求拦截器中注入token信息,作为登录的标识;
6、利用Vuex 实现多个页面数据的快捷访问;
7、采用git进行代码管理,与同事协同开发;
8、利用Vue-Router 实现了多个页面之间的跳转;
9、用Axios进行前后端的数据交互;
项目难点: 组织架构页面 后端接口返回的数据不是嵌套的树形结构,无法正确的显示在页面中。
难点解决: 利用递归的思想,循环遍历每条数据,根据数据的id值及pid值 找出对于父级部门下对应的所有子级部门。
2022.3-2022.6 美食家(移动端)
web前端工程师
项目描述: 一个在线的移动端美食查询平台,主要包含,登录、退出、筛选文章、发布文章、每日美食推荐、美食分类查询等功能。
项目实现:
1、用vue-cli 脚手架搭建的项目基础模版;
2、使用了less 预编译器 让编写css代码工作变得更加高效;
3、首页采用了Swiper插件实现了轮播图模块;
4、页面之间的跳转是引进Vue-router,采用路由跳转进行实现,并运用Vue实现页面数据的交互;
5、使用了Vant组件进行基础的页面布局;
6、采用git 对代码进行管理,与同事协同开发;
7、为了解决一次性加载过多数据导致影响客户体验的问题 ,使用了懒加载提高了加载速度;
8、采用组件分离的写法,实现了多个组件的复用。
项目难点:后端接口返回的数据中的大数字问题(数据大小超过了js能准确表示的整数范围,数据无法精准显示)。
难点解决: 下载了一个json-bigint的第三方的包 用JSONBig.parse 把后端返回的大数字问题进行转换。
2021.8-2022.02 好收客订单管理系统(PC)
web前端开发工程师
项目实现:
1、基于 Vue2 框架搭配 Element-UI 组件库开发,实现页面的布局;
2、使用 vue-router 配置路由,实现单页面跳转;
3、使用 token 和 localstorage 来实现登录功能,配置拦截器和导航守卫;
4、根据功能处理业务逻辑,通过 axios 发送异步请求,配合 async+await 实现数据交互,渲染页面;
5、使用 xlsx 库进行客人信息的批量导入和导出功能;
6、使用 git 进行代码管理;
7、运用 import()路由懒加载对页面进行按需加载,减少加载用时,提高用户体验;
8、使用 .sync 或 v-model 语法糖实现子组件与父组件的双向绑定。子组件同步修改父组件的值;
9、使用restful接口书写规范,减轻了前后端沟通成本
2021.5-2021.8 余脉山泉(小程序)
web前端工程师
项目描述: 该项目是一个基于小程序开发的项目,主要功能有:水桶租赁,购买水票,订购瓶装水,送水上门,订单管理,意见反馈等 项目实现:
1、采用VantWeapp组件库完成静态页面的搭建;
2、使用Swiper实现首页商品轮播图的展示;
3、利用TreeSelect分类选择,构建商品目录分类;
4、使用wx:for 进行商品列表的渲染,使用wx:key 提高了代码效率
5、封装promise请求和公共组件,方便代码的复用
6、通过声明式导航实现了商品点击跳转,跳转时传递当前点击商品的参数,在商品详情页面根据携带的参数,向服务器发送请求,根据返回的数据渲染页面
7、对于商品列表的上拉刷新及下拉加载功能,加了节流技术,更好的增加了用户体验
8、通过npm安装miniprogram-api-promise去配置官方基于回调函数的异步API,升级改造为基于Promise的