1.使用js库:vue.js , jq , clipboard.js , jsbarcode.js, qrcode.js , mint-ui.js, swiper.js , vconsole.js,babel.js
2. 前端项目流程
1. 使用vue搭建前端框架, 多页面应用,前端静态页面跳转
2. 使用ajax请求数据,封装ajax,超时关闭,错误提示
3. 使用mint-ui 部分组件优化体验,如加载状态,页面提示层,下拉刷新,上拉加载更多
4. js库的使用,jsbarcode.js 生成条形码,qrcode.js 生成二维码,swiper.js 生成滑块,babel.js使es6兼容,clipboard.js实现 复制功能, vconsole.js 调试用
3. 踩过的坑:
1.swiper.js 的onSlideChangeEnd 回调方法会在配合centeredSlides: left 使用时出现bug ,现象:当滑块切换到最后一个时,不会触发 onSlideChangeEnd方法,如果没有特殊需求还是将centeredSlides: center
2.clipboard.js 复制bug ,现象:点击绑定复制功能方法的按钮,第一次正常弹出提示,第二次点击会弹两次提示,以此类推。解决方法: 在回调里将实例化的对象置为null,但是会报错不影响使用
3. 移动端定位问题,使用过百度地图,高德地图定位城市都会有不准的情况,腾讯地图和其他没有测试,因为项目运行在招行app环境,有app 提供的api提供定位,移动端的定位是个大坑