1. 熟练运用 html,css 来制作符合 w3c 规范的页面,可以有效的解决浏览器兼容问题
2. 熟练使用 js 语法,经常使用 es6 新增的 promise,async 与 await,解构赋值,箭头函数等
3. 熟练使用 html5+css3 实现移动端布局,使用 rem 以及 flex 进行布局
4. 熟练使用 scss,less 预处理语言,提升代码的可维护性及开发效率
5. 熟练使用版本控制工具 git,了解使用模块打包工具 webpack,减小打包后的体积
6. 熟练使用 vue 全家桶进行项目开发,使用 vue-cli 脚手架搭建项目,使用 vue-router 进行页面跳转, 使 用 axios 进行数据的渲染和逻辑判断,利用 vue 的生命周期进行接口请求以及方法的调用,使用 vuex 进行 全局数据的状态管理,实现数据统一化标准 7. 使用 uniapp 开发过微信小程序的项目,全局 app.json 的配合,底部 tabbar 添加。pages 多页面添加, template 模版的使用,使用 uni.request 进行数据的交互
8. 在工作中经常和后台配合联调接口,在配合过程中也简单了解过后端的基本知识,了解数据库的增删改查
9. 在工作中使用过 mock.js 模拟数据,不用等待后端开发完接口即可自行调试
项目一:友客管理系统(PC 端)
项目描述:
该项目是一个关于企业人力资源的后台管理系统。可通过该系统进行员工管理、审批管理、考勤管理、社保管理,薪资管理等
项目技术栈:vue、vue-router、vuex、element-ui、axios、echarts、es6、git
负责模块:首页模块、员工管理模块、权限管理模块
技能要点:
1. 使用 vue-cli 脚手架创建项目
2. 使用 vue-router 的路由层层嵌套实现多级页面之间的跳转
3. 使用 element-ui 提供的校验功能,实现登录表单的校验,调用 axios 发起登录请求
4. 使用 echarts 制作可视化图表,提升用户体验
5. 使用 git 统一管理项目代码
代码优化:
1. 封装请求拦截器,给请求头统一注入 token 值,简化代码,不用每次手动添加
2. 通过 axios 调用接口会出现回调地狱,导致代码冗余,使用 es6 提供的 async 与 await 语法解决 这个问题,实现简化代码 3. 使用路由懒加载,图片懒加载避免请求数据时加载全部资源,减少用户等待时间,提升交互体验
4. element-ui 框架代码体积较大,通过引入 CDN 工具简化了代码的体积
项目二:好物购(小程序)
项目描述: 该项目是基于微信客户端的一款购物商城类小程序,主要有首页、分类页、商品详情页、购物车、个人 中心页面、支付模块、订单模块等
项目技术栈:uni-app、swiper、es6、vue
负责模块:首页、分类页、搜索页
技能要点:
1. 使用 uni-app 提供的组件和接口进行开发
2. 使用 rpx 结合 flex 布局实现屏幕适配
3. 使用 uni.navigateTo 实现页面跳转,实现交互效果
4. 使用 uni.$http 请求后端接口数据
5. 使用 vuex 实现全局数据共享
代码优化:
1. 页面中有时会因为网络原因加载过慢,可以设置 loading 状态,提示用户页面正在加载中
2. 上拉加载时,进行增量更新的优化。默认情况下小程序的数据更新时是全量更新,但当列表数据越 来越多时,全量更新的数据量太大,耗费服务器性能,所以可采用增量更新优化。
项目三:昌海租车(移动端)http://m.jinyaoshiauto.com
项目描述: 该项目是一个汽车租赁平台,基于普通用户为需求方、租赁公司为线上出租方,实现资源共享,信息 发布,用户在线预订等功能
项目技术栈:jquery、layui、swiper、rem 适配、git 版本控制
技能要点:
1. 根据 ui 设计稿准确还原页面展示与布局
2. 使用 lib-flexible 动态设置 rem 基准值
3. 使用 swiper 进行页面中轮播图的展示
4. 调取百度地图 sdk 进行位置展示及导航
5. 通过 ajax 请求接口数据,进行页面数据渲染及双向数据绑定
6. 使用 git 统一管理代码