1.使用js庫:vue.js , jq , clipboard.js , jsbarcode.js, qrcode.js , mint-ui.js, swiper.js , vconsole.js,babel.js 2. 前端項目流程 1. 使用vue搭建前端框架, 多頁面應用,前端靜態頁面跳轉 2 ...
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提供定位,移動端的定位是個大坑