原创 倒計時開始時間的未來三小時到當前時間的倒計時

CountDown('2019-9-20 10:30:00','2019-9-20 10:00:00'); //項目中這兩個參數都爲後臺傳入 function CountDown(time, now0) {

原创 基於vue 圖片上傳,圖片壓縮轉換base64的幾種方式(jQuery)

話不多說直接上代碼… 方式一: template: <input type="file" :value="imgValue" class="uploadInput" accept="image/*"

原创 jQ 手機驗證碼倒計時

話不多說,直接上代碼 <body> <input type="button" value="獲取驗證碼" id="get-login-code"> </body> js: var countdown =59; $("#get-

原创 vue+element動態設置el-menu導航,刷新頁面保持當前菜單選中項及路由

今天閒來無事整理了一套後臺管理系統的側邊欄菜單,實現了頁面刷新路由保持不變和菜單也是當前點擊的高亮狀態 來一起看看吧! 首先,菜單數據是動態的,注意的是 id 和 路由的 name保持一致,頁面刷新要用到: 一級菜單不用name,

原创 js根據銀行卡號判斷屬於哪個銀行並返回銀行卡類型

js校驗銀行卡號校驗銀行卡類型及開戶行 校驗方法 //根據情景自行處理代碼 checkAccountNumberFn(event) { var that = this; let ba

原创 $set用法 vue

$set用法 爲dom添加一個不存在的屬性 <div @click="collectionFn(item.id,index)"> <p class="collection"> <img :src="collectionImg

原创 微信小程序手寫簽名canvas

小程序引用canvas實現手寫電子簽名,我將毫不吝嗇的分享給大家,跟我來 悄悄告訴你這套代碼我也是網上擼的,你會乍一看好像都一樣呢,彆着急,別人的不好用拿這套試試,這套代碼解決了手寫延遲,功能包括重寫、預覽、保存、上傳,簡直好

原创 利用Chrom瀏覽器實現滾動截屏,不用下載插件,超級簡單!

相信很多開發者在開發手機端項目的時候,會在瀏覽器按照不同機型打開查看效果,可是截圖只能截取可視區的圖片,我想截全屏網頁內容怎麼辦呢?我看很多百度出來的都是說下載安裝插件什麼的,覺得很麻煩,跟我來,簡單實現,方法如下: 第一步: 打

原创 h5 canvas手寫簽名插件,拿來即用!

項目需要,用到了canvas手寫簽名的功能,直接上代碼 效果圖: css樣式 #myCanvas{ width: 90%; height: 150px; border-radius: 10px; marg

原创 基於Vue的移動端電子簽名demo

HTML <template> <div ref="canvasBox"> <canvas id="canvas" ref="canvas" height="150"></canvas> </div> <div clas

原创 vue項目中使用pdf-dist預覽pdf文件+分頁併兼容字體

1.安裝 npm install pdf-dist --save 2.引入 let PDFJS = require(“pdfjs-dist”); PDFJS.GlobalWorkerOptions.workerSrc = requ

原创 input上傳文件手機拍照圖片Canvas壓縮上傳後圖片旋轉問題解決

在做H5公衆號項目的時候發現一個bug,ios圖片上傳會逆時針旋轉90度,偶爾安卓也會這樣,顯然這不是我們想要的,開始以爲是上傳的阿里雲服務器後旋轉的,後來發現不是。在網上找了幾種方式,最終選擇插件EXIF.js來解決這個問題。

原创 GitLab配置SSH祕鑰(windows下)

1.文件夾下選擇 git bath here 2.運行指令 ssh-keygen -t rsa -C “自己的郵箱地址” -b 4096 3.運行指令 cat ~/.ssh/id_rsa.pub | clip 4.粘貼到 5.完成

原创 js驗證身份證是否合法,vue+element表單驗證

在使用element+vue的時候用到表單的身份證驗證是否合法性,發現這個挺簡單的並沒那麼麻煩,希望對你有幫助 var validateCard = (rule, value, callback) => { if

原创 Element UI disableddate設置動態時間,時間段,或者當前之前不可選,當天之後不可選

在項目中使用Element UI 日曆控件,本人遇到的場景是某個時間到當天時間可選,其他不可選,代碼如下: dom: <el-date-picker v-model="ruleForm1.date" ty