1. 熟练掌握 DIV/CSS 布局,熟悉 HTML5+CSS3 , 完成网页制作开发;
2. 熟悉移动端开发,自适应和机型兼容。熟悉uniapp开发;
3. 熟练掌握 javaScript 基本语法,以及 API,可以熟练操作 DOM 以及BOM 对象,可以快速实现常见业务需求;
4. 熟练 ES6 的新语法新特性,能够熟练使用 Async、Await 配合Promise 优化异步编程过程;
5. 熟练使用 Vue.js、vue-cli、Vuex、Vue-router 框架快速实现单页面(SPA)项目的开发;
6. 熟悉 axios 数据请求和交互,完成前后端分离式项目的研发工作,
7. 熟练使用 Swiper 插件等前端工具进行web 开发;
8. 熟练掌握 UI 库(Element-UI, vant 等)并进行相应网站开发;
9. 使用过 Echarts 制作表格;
10. 熟练使用 Git 分布式版本控制系统, 完成团队协同开发项目;
11. 熟练掌握 npm yarn cnpm 包管理工具;
12. 熟悉微信小程序开发;
13. 具有打包工具webpack 使用经验
一,融创物业管理系统PC
项目描述:融创物业管理系统包含物业内部管理ERP,外部继承系统,停车系统,财务系统,手机支付,税控接口,一卡通接口,银行托收接口,公共事业缴费接口,“门禁接口”,其他ERP,OA,HR接口。
项目技术:
1,项目设计参考了 vue-element-admin 开源项目源码,采用NavTags面包屑导航模块。
2,项目需求使用路由配置项,需要用过C/S端统一管理,就不能使用本地路由配置,需要接口动态配置,解决方案,通过eval()和decodeURIComponent()进行解码传输,本地要留404页面和home页面通关合并之后, 再通过addRoutes 方法动态的注入到路由表中。
3,拿到注册的路由表之后使用el-menu + el-menu-item 来进行渲染,这里要考虑多层级菜单,必须要把这两个组件进行封装之后,在进行组件回调,控制里面的显示逻辑。
4,使用 router.beforeEach 路由守卫,限制页面的跳转逻辑,及刷新后的路由配置重生成。
5,使用 keep-alive 实现页面缓存,通过 excludes 在返回上级页面时动态的清除缓存。
6,vuex 配置 sesstionStorage 防止刷新数据丢失。
7,使用compression-webpack-plugin 压缩打包结果。
8,使用 Vue.extends 实现高内聚的单例组件,通过方法调用的形式使用
9,封装 axios 实现统一的响应报错提示,请求时 token 携带
二,“易家园”微信小程序
项目描述:易家园物业电商系统,包括七大平台系统,即业主APP,商家APP,实体店管理系统,物业管理系统,服务商系统、供应商系统、物业电商运营系统。各类角色通过七大系统分工协作,在商品方面不仅实现网上团购、还可建立实体店实现线上线下运营;在增值服务方面,与专业服务商进行对接,实现了对订单和服务流程的全程监控。易家园物业电商系统利用大数据、云计算设计,为物业电商运营提供了技术保障。
项目技术:
1,微信小程序这个项目要用的UI是vant_ui。
2,使用Promise 封装wx.request接口请求函数。
3,使用微信小程序分包技术
4,使用 wxmp-qrcode绘制二维码
三,“易家园”APP
“易家园”物业生活服务平台不仅为社区业主提供基础物业服务(包括社区公告、报修、在线缴费、查询缴费记录),还提供社区手机超市、周边商圈优惠团购信息、特色商品、便民服务信息、社交论坛等多种多样的服务,蓝牙开门,人脸识别。
项目技术:
1,使用uniApp继续开发,主要使用HBuilder编译器。
2,使用ColorUI-UniApp高度自定义的Css组件库。
3,使用plus.runtime.getProperty进行版本控制,并且配合downloadFile 进行版本升级下载。
4,使用Promise 对uni.downloadFile 封装,把api进行统一管理方便后期维护,并且在上面基础做tonk验证。
5,在mian.js使用Vue.prototype.xx挂载一下封装函数,方便全局调用。
6,使用plus.runtime.quit() 来进行安卓的退出操作。
四,综合配送服务中心H5-微信公众号
项目描述:
该项目为四川传媒大学项目主要分为商家端和学生端,还有骑手端(app),我负责学生端,里面包含快递配送,外卖订餐,视频授课等功能。
项目技术:
1. vue,vue-router,vant-ui,axios,less搭建项目。
2. style-resources-loader 注入公用less。
3. 使用axios发起请求,设置响应拦截器在header中发送tonke进行身份验证,使用请求拦截器处理统一的错误
4. 接入微信公众号,引入微信SDK,调用JSAPI支付WeixinJSBridge微信浏览器内置对象
使用vant-ui框架,开发更加的便捷,
使用keep-alive进行组件缓存,这样router回退时数据还在
使用vue混入(mixin)一些常用的方法,比如toast,loading等vant的轻提示。
项目中遇见的问题是表单在处理IOS键盘收回时页面没回弹的问题等。