原创 file對象轉換爲Blob對象
function dataURLtoBlob(dataurl) { var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1],
2020-07-07 21:41:52
1
原创 vue-cli4.x及vant搭建移動端項目（rem適配）
首先安裝vue-cli4.x腳手架 全局安裝最新的腳手架 npm install @vue/cli -g 生成項目 vue create test_project 回車鍵確認執行，空格鍵進行選擇所需要的配置 我一般習慣以下這
2020-07-07 21:41:52
1
原创 手機號，固定電話，400，800號碼正則表達
手機號、座機號以及400、800正則表達式 支持加“-”和不加“-” let reg = /(^0[0-9]{2,3}[0-9]{8})|(^(0[0-9]{2,3}\-)?([2-9][0-9]{6,7})+(\-[0-9]{1
2020-07-07 21:41:52
6
原创 解決vue-cli3搭建項目對IE和360瀏覽器的兼容問題
首先介紹一個Babel的鏈接 https://www.babeljs.cn/docs/babel-preset-env vue-cli2.x跟vue-cli3.x搭建的項目裏配置文件結構有很大不同，但是基本原理還是不變的 以下着
2020-07-07 21:41:52
1
原创 mpvue搭建項目
1、安裝腳手架 npm install --global vue-cli 2、創建項目 vue init mpvue/mpvue-quickstart YourProjectName 3、cd 到項目裏面安裝依賴 cd You
2020-07-07 21:41:52
1
原创 uni-app搭建項目
創建uni-app-----這裏有教程（https://uniapp.dcloud.io/quickstart） vue create -p dcloudio/uni-preset-vue my-project 可以安裝less
2020-07-07 21:41:52
1
原创 快速點擊自定義鍵盤進行輸入時出現遺漏情況的解決辦法
vue裏點擊觸發的方法通常用的是@click，然而點擊過快的時候會出現輸入的值有遺漏，此時將@click改爲@touchstart即可解決
2020-07-07 21:41:52
2
原创 IOS手機微信瀏覽器點擊返回按鈕
項目中有一個微信掃碼開箱的功能，在存在多個包裹的情況下，在微信瀏覽器點擊返回按鈕時會出現再次開箱的bug，以下方法爲主要爭對此bug的處理 methods: { pushHistory() {
2020-07-07 21:41:52
原创 vue如何實現父子組件間通信
組件是 vue.js 最強大的功能之一，而組件實例的作用域是相互獨立的，那麼不同組件之間的數據就無法相互引用。組件間如何通信，就成爲了vue中重點了。這篇文章將會通過props、$ref和 $emit 這幾個知識點，來講解如何實現
2020-07-07 21:41:52
2
原创 前端滾動插件：better-scroll
better-scroll 是什麼 better-scroll 是一款重點解決移動端（已支持 PC）各種滾動場景需求的插件。它的核心是借鑑的 iscroll 的實現，它的 API 設計基本兼容 iscroll，在 iscroll
2020-07-07 21:41:52
2
原创 移動端適配將px轉換成rem
postcss-pxtorem：轉換px爲rem的插件 安裝 postcss-pxtorem npm install postcss-pxtorem --save 新建rem.js文件 const baseSize = 32 /
2020-07-07 21:41:52
原创 vue如何實現移動端rem適配
在自己的項目中新建一個叫utils的文件夾，裏面新建一個rem.js，一般utils文件夾都是存放公用方法的,在rem.js寫： (function(document, window) { var dom= documen
2020-07-07 21:41:52
原创 vue生產二維碼並下載二維碼
首先安裝一下面這個插件 cnpm install vue-qr -S 接下來在需要生產並下載二維碼的頁面引入 import VueQr from 'vue-qr' 並在components中註冊爲組件 components:
2020-07-07 21:41:52