摘要： 正則匹配手機號碼： /^1[345789][0-9]{9}/ 語法解釋： ^1表示號碼第一位為1 [345789]表示號碼第二位為3/ 4/ 5/ 7/ 8/ 9 [0-9]{9} 表示號碼后面9位為0~9任意數字 （ps：有點不嚴謹，號碼第三位沒有進行校驗） 正則語法參考：菜鳥教程（https:/ 閱讀全文

摘要： const rollDom = document.getElementById('domId') // 獲取想要滾動的dom節點 rollDom.scrollIntoView({ block: 'center' }) //　通過scrollIntoView方法滾動到可視窗口中間 block的值：st 閱讀全文

摘要： 小豬最近使用vue開發項目的時候，需要實現將指定區域全拼展示的操作。 小豬選擇使用js來實現，實現原理：使用requestFullscreen（）方法將指定的dom元素在全屏模式下打開。 支持的部分瀏覽器版本： 實現代碼：（僅供參考） <template> <div id="home-content 閱讀全文

摘要： 前端展示信息時，往往要對身份證號、手機號、地址等這類敏感信息進行部分隱藏顯示，就是要脫敏處理 一個簡單粗暴的脫敏處理方法記錄下： hideSensitiveData (string, saveLength1, saveLength2) { // var reduceLength = string.l 閱讀全文

摘要： 需要實現一個小需求，計算2月24號是2月的第幾周； 廢話不多說，直接上代碼： /** * a = d = 當前日期 * b = 6 - w = 當前周的還有幾天過完(不算今天) * a + b 的和在除以7 就是當天是當前月份的第幾周*/ date是需要計算的日期。通過new Date() 方法獲取 閱讀全文

摘要： vue項目開發過程中，需要在頁面提交表單信息之后清空還原，即恢復頁面初始狀態，第一想法就是對當前頁面刷新，重新加載。 想起location.reload()方式和this.$router.go(0)方式跳轉，但兩種方式都會出現明顯的閃屏（即頁面出現明顯空白時間），因此研究一番之后采用router-v 閱讀全文

摘要： 做為一個前端開發者，總有一天我們要設置頁面某一部分內容自適應瀏覽器窗口大小，下面分享下使用vw和vh的設置方式， 一波解釋： v（即viewport）：可視窗口，也就是瀏覽器窗口大小.vw Viewport寬度， 1vw 等于viewport寬度的1%vh Viewport高度， 1vh 等于vie 閱讀全文

摘要： 現象: 開發vue項目的過程中，需要多次用到一份基礎數據，為減少代碼量，提高一下復用效果，便用變量A來定義，在項目中需要用到時就用變量A進行賦值。 在項目中調用時，我新定義一個變量B，再將變量A賦值給變量B，即B=A； 期望的效果是，賦值之后，A和B是兩份數據，對變量B進行操作時不影響變量A，結果發 閱讀全文

摘要： 最近在使用uni-app開發移動端應用，有客戶反映微信小程序版本在使用是無法長按復制問題，在安卓系統上卻是正常的。 檢查了下代碼，對text標簽都設置了selectable屬性，尋找萬能的度娘還是沒有解決問題，于是乎請教大神。 大神指路，使用user-select屬性，于是乎果然解決問題，在安卓系統 閱讀全文

摘要： 昨天完成echarts柱狀圖的生成，突然發現在項目中還有個小缺陷，當柱狀圖完成渲染之后，放大縮小瀏覽器窗口echarts柱狀圖寬度沒有隨之改變。 接昨天的代碼做了小調整： setTimeout(function () { window.onresize = function () { myHisto 閱讀全文