1.熟悉HTML5和CSS3;
2.熟悉JavaScript、ES6、jQuery的使用;
3.熟悉vue+vuex+vue-router+vue-axios;
4.熟悉Vue、Bootstrap、Nuxt.js和mpvue框架;
5.熟悉使用Vant UI、Element UI组件库开发;
6.熟悉小程序开发、公众号开发等;
7.了解优化网站性能、SEO优化以及各浏览器兼容性
悦屋新房小程序
开发工具:Vscode
开发框架:mpvue
项目描述:该项目是一个用于展示楼盘信息、优惠活动等并且可以填写表单、拨打电话预约的小程序。
技术要点:
(1)接口封装:使用Promise+wx.request()进行接口封装;
(2)拨打电话:使用wx.makePhoneCall()拨打电话;
(3)跨小程序跳转:使用wx.navigateToMiniProgram()跳转到另一个小程序的页面
(4)使用scroll-view标签实现横向滚动;
(5)使用swiper标签实现轮播图;
(6)引入Vant文件并使用其组件
中味点餐
开发工具:Vscode
开发框架:vue-cli2.0
项目描述:
(1)该项目是微信公众号开发的点餐H5;
(2)该项目使用于公司内部员工以及医院病人在公司内部餐厅或者医院食堂进行预约点餐。
技术要点:
(1)手机适配:使用插件px2rem-loader+lib-flexible进行适配;
(2)封装接口:使用vue-axios+qs以及ES6中的promise进行接口封装;
(3)微信接口:调用微信授权接口、微信支付接口、微信扫码接口等;
(4)使用better-scroll实现商品列表左右联动效果;
(5)使用Vant UI组件库中的组件;
(6)使用Vconsole插件让项目在手机上打开时可以进行调试;
悦屋新房H5
开发工具:Vscode
开发框架:基于vue.js的Nuxt.js
项目描述:该项目是一个用于百度推广的展示楼盘信息、优惠活动等并且可以填写表单、拨打电话预约的H5,该项目支持SEO优化
技术要点:
(1)手机适配:引入外部JS文件,使用rem进行适配;
(2)封装接口:使用vue-axios+qs以及ES6中的promise进行接口封装;
(3)百度地图:调用百度地图接口,通过经纬度定位地图中心点,并且使用BMap.LocalSearch检索出周边公交、学校、医院、银行等信息;
(4)使用better-scroll实现列表横向滚动;
(5)使用a标签实现拨打电话功能;