原创 js中常用的正則表達式驗證方法
在項目開發中，幾乎每個項目都避免不了表單驗證，比如用戶名驗證，密碼驗證等等，接下來，就整理一下比較常用的正則表達式驗證。 1.用戶名驗證（字母、數字及下劃線組成） var username = /^[a-z\d_]{5,20}$/i 2
2020-06-15 07:44:22
原创 快速理解CSS中的position定位
在CSS中，有一個非常重要的屬性，幾乎只要用CSS，就避免不了使用這個屬性，它就是定位屬性position。它可以使元素非常靈活的處於你想的位置。 position屬性的值有absolute、relative、fixed、static以及
2020-06-15 07:44:22
原创 Vue生成二維碼插件QRcode
一、安裝 在命令行中輸入一下命令安裝二維碼插件： npm install qrcodejs2 --save 需要注意的是，這裏安裝的是qrcodejs2而不是qrcode ，因爲安裝qrcode會報錯。 二、引入 在需要的頁面引入QR
2020-06-15 07:44:22
1
原创 五分鐘快速上手Vant組件，搭建小程序界面樣式
Vant Weapp是移動端組件庫 Vant 的小程序版本，兩者基於相同的視覺規範，提供一致的 API 接口，有助於開發者快速搭建小程序頁面樣式，文檔地址：https://youzan.github.io/vant-weapp/#/int
2020-06-15 07:44:22
原创 微信小程序實現點擊拍照以及長按錄像功能
話不多說，直接上代碼，代碼裏面註釋寫的都很詳細 wxml文件： <!-- 相機 --> <camera wx:if="{{!videoSrc}}" device-position="back" flash="off" binderro
2020-06-15 07:44:22
原创 ES6中let與const的用法
let與const是ES6語法中比較常見的兩個命令，下面我們就討論一下let與const。 let let是用來聲明變量的命令，它類似於var命令，但不同於var的是let是塊級作用域，而var是函數作用域。那麼，什麼是塊級作用域呢，廢話
2020-06-15 07:44:22
原创 padding影響div寬高解決方法
在開發中，有時我們不希望 padding 影響到 div 的實際寬度，爲了不讓padding影響整個div的實際寬度，我們可以設置一個css屬性： box-sizing:border-box
2020-06-15 07:44:22
原创 Vuex最簡單的使用方法
一、安裝Vuex 安裝命令： npm install vuex --save 二、新建store.js文件 文件內容如下： import Vue from 'vue';// 引入vue import Vuex from 'vuex
2020-06-15 07:44:22
原创 JS字符串與數字之間的轉換方法
一、字符串轉換成數字 字符串轉換成數字最常用的方法有兩個:parseFloat和parseInt。parseFloat是把一個字符串轉換爲一個浮點數，parseInt是把一個字符串轉換爲一個整數。示例如下： var num = pars
2020-06-15 07:44:22
原创 vue實現打印功能最簡單的方法
一、下載打印插件 通過這個地址下載vue打印插件：https://github.com/xyl66/vuePlugs_printjs ，下載完畢後，在src下新建文件夾plugs，將下載的插件print.js放到plugs文件夾裏 二、全
2020-06-15 07:44:22
原创 Vue爬坑：把對象中的數據給了某個變量，改變一個對象的值，另一個對象也變化的解決辦法！
在vue中，在data裏建立兩個對象。 data() { return { dataA:{ a:1 }, dataB:'' } }; 將dataA的內容賦值給data
2020-06-15 07:44:22
原创 快速搭建vue+webpack開發環境
1.安裝node.js與npm 首先，你需要安裝node.js與npm,如果沒有安裝，可以去官網安裝，node.js官網地址：https://nodejs.org/en/，一般node.js都自帶npm。安裝完node.js後，在終端輸入
2020-06-15 07:44:22
原创 談談JS中“相等”與“全等”的區別
在javascript中，判斷兩個變量是否相等的操作符有兩組，他們分別是：相等和不相等，全等和不全等。他們的區別就是相等和不相等是先轉換然後比較，全等和不全等不轉換隻比較。 相等與不相等 相等是用兩個等號表示，即“==”，而不相等則用歎號
2020-06-15 07:44:22
1
原创 vue+elementUI項目中，如何讓Element UI的Message消息提示每次只彈出一個
1.封裝js，命名爲message.js，代碼如下： /**防止重複點擊重複彈出message彈框 */ import {Message} from 'element-ui'; let messageInstance = null; c
2020-05-25 23:27:40
原创 vue項目打包後因vendor文件過大首次加載很慢的優化方法
1.打開/config/index.js文件 將productionGzip設置爲true productionGzip: true, 然後用npm安裝依賴，命令如下： npm install --save-dev compressi
2020-05-13 15:04:11
3