框架/库/插件:
1.熟练使用 Vue ,封装 Vue 组件,熟悉 vue 路由,熟练使用 axios ,熟练组件传值或 Vuex。
2.熟练使用 iview、vant、bootstrap、layui,element-ui,echarts。
4.熟悉 java, nodejs ,可以自己写后端接口,熟悉 mysql, oracle。
5.熟练使用 ionic ,了解微信小程序开发,了解 vue
3.0
JavaScript :
1.熟悉 ES6 ,jquery
HTML5/CSS3:
1.熟悉响应式布局,Less 预编译语言,熟练使用 css 3动画
项 目 经 历
吉林烟草物流管理平台 (移动端)
项目描述:
在移动端实现吉林烟草公司业务方面的信息管理 ,比如物流中心烟草数量的显示 ,烟草出入库方 面信息的管理 ,以及人员管理等 ,主要利用 vue.js ,配合 vant 等组件库进行开发。
使用 Vant 组件、模块化开发搭建页面结构 ,使用 rem 进行布局 ,适配不同设备 ,创建登录组件 并配置路由 ,封装接口 ,请求数据。
2.人员注册信息时 ,需要利用正则校验输入信息是否合法 ,在点击注册信息后需要调接口 ,判读 数据是否已经存在数据库,.登录功能使用 token 将用户的个人信息保存到 localstroage,每次登 录时解析 token 获取数据 ,根据不同的登陆用户 ,可访问该权限下的信息 ,用户权限方面可通过 路由导航守卫来实现 ,如果用户没有访问权限 ,应阻止进入该页面。
3.路由之间传参可以使用 query 传参或者 params 传参 ,接受参数时分别为 this.$route.query 和 this.$route.params。
4.使用路由懒加载 , 图片懒加载提高渲染速率
5.使用 axios 进行请求拦截和响应。因为 axios 是异步请求,我们可以使用 async await 来处理
异步操作。
6.使用 webpack 技术进行 css,js 的打包和压缩
7.父子组件之间传值,ref 传值,子组件定义变量,父组件利用 refs 进行接收 this.refs.变量,ref 加 在子组件上 ,用 this.$refs. 获取到的是组件实例 ,可以使用组件的所有方法 ,也可以父传子 ,父 组件用 v-bind 绑定变量 ,子组件利用 props 接收 ,子传父 ,子组件使用 this.$emit 绑定一个事 件和值 ,父组件使用@子组件绑定事件=新方法名 ,父组件定义新方法名接收值 ,兄弟组件传值 bus 事件总线传值 ,使用 this.bus.$emit 绑定一个方法和值,使用 this.bus.$on 来接收。
8.利用 VueX 传值,所有共享的数据统一放到 store 的 state 进行储存 , mutation 类似于事件, 在里面定义方法来进行 state 里面数据的操作。Action 进行异步操作 ,如调取接口等 ,getter 类 似于 vue 中的 computed ,进行缓存 ,对于 Store 中的数据进行加工处理形成新的数据 ,利用 modules 进行模块化管理
茅台物资供应管理平台 (pc 端)
项目描述:
对贵州茅台物资供应管理平台进行开发,主要设计茅台包材方面信息的出入库管理,主要运用 Vue 框架 ,配合 element-ui , iview 等组件库对茅台包材 ,仓库及仓库保管员方面的信息管理
技术栈:Vue 全家桶+iview 组件库+vuex+vue-router+axios
1 .新增用户管理模块 ,用户主要分为茅台方和供应商两方面 ,茅台方可以查看所有供应商信息, 供应商只可查看自己的信息 ,根据不同用户角色 ,设置不同的用户权限。用户权限方面可通过路 由导航守卫来实现 ,如果用户没有访问权限 ,应阻止进入该页面。
2.物资管理模块,主要涉及茅台包材的出入库管理,包材入库应访问数据库进行该仓库该货架可 用物资数量的增加 ,物资出库前 ,需要判断可用物资数量是否小于出库数量 ,此处需求先根据出 库包材信息对数据库数据进行查询。
3.仓库及货架管理 ,主要涉及仓库及货架方面的信息管理 ,包括仓库货架的一些信息 ,如规模, 所储存包材等 ,在物资出入库时 ,也涉及到仓库及货架的储存数据修改
4.审批及申请等模块 ,比如新申请仓库或货架来储存物资 ,或者仓库的作废等 ,或者申请包材出 入库 ,在审批完成后会涉及到仓库及包材方面的信息修改。
茅台物资供应管理平台 (移动端)
项目描述:
移动端主要设计到员工打卡上下班 ,以及手机端扫码实现物资的出入库等操作 ,以及一些常用的 功能 ,如用户管理 ,仓库及物资信息查询等功能 ,主要用 ionic 移动应用框架 ,TypeScript 及 AngularJS 等语法 ,来实现茅台物资供应管理平台移动端的信息管理
技术栈: ionic++TypeScript+AngularJS
1.实现用户登录模块
利用 ionic-UI 完成布局样式,对账号密码进行校验,校验通过跳转到首页,在用户注册时应校验 输入信息是否符合标准 ,可以利用正则校验
2.用户定位打卡
利用 Cordova 插件配合百度及高德进行手机端定位,下载 ng-cordova 并在项目启动