招行星和权益项目总结

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提供定位，移动端的定位是个大坑

转载于:https://www.cnblogs.com/ikumi/p/11382917.html