原创 H5 實現 彈出彈層的同時阻止頁面滾動

H5 實現 彈出彈層的同時阻止頁面滾動 通常自己寫彈窗的時候,希望彈出彈窗後,彈窗下面的內容可以阻止滾動,優化體驗效果;下面的代碼可以實現 let y; class lock{ static afterOpen() { /

原创 H5 監聽手機返回事件

1.使用popstate監聽返回事件 //在mounted 裏面掛載 popstate 事件 mounted(){ if (window.history && window.history.pushState) {

原创 JavaScript實現手機號碼 3-4-4格式,並控制新增和刪除時光標的位置

JavaScript實現手機號碼 3-4-4格式 手機號實現3-4-4格式相對來說還是比較簡單的,監聽input事件,實時的獲取手機號碼,然後根據手機號碼的長度做截取和拼接的操作,即可實現手機格式的處理,實現格式的處理之後,我們還

原创 html2canvas 圖片合成模糊以及保存爲圖片背景圖丟失問題解決

html2canvas 圖片合成模糊以及保存爲圖片背景圖丟失問題解決 注意 作爲背景的圖片必須放在服務器,存放在本地會出現截圖的時候背景圖丟失的問題; 背景圖必須放在img裏面裏面,通過定位處理成和背景一樣,否則會可能出現模糊的問

原创 常用正則

手機號驗證 let phone_rule=/^(13[0-9]|14[5-9]|15[012356789]|166|17[0-8]|18[0-9]|19[8-9])[0-9]{8}$/;

原创 JavaScript獲取指定的某一天的時間

getDay(day){ var today = new Date(); var targetday=today.getTime() + 1000*60*60*24*day; today.setTime(ta

原创 table 行合併

getSpanArr(data) { this.spanArr = []; if (data === null) { return; } for (var i = 0; i

原创 使用element的時間選擇器--時間格式轉換

時間格式轉換 submit() { console.log(this.formatDate(this.form.date1[0])); //this.form.date1[0]) 爲傳入的時間 },

原创 el-input的使用之坑

el-input使用 .native 在使用vue+element的項目中,使用el-input實現點擊enter鍵觸發事件的代碼如下 <el-input placeholder="請輸入禮盒券碼" prefix-i

原创 利用a標籤下載圖片

一般場景下 <a href="/images/myw3schoolimage.jpg" download="w3logo"> 聯合後端進行圖片下載 如果後端傳過來的圖片數據是base64格式的 let src = `data:ima

原创 學習React 遇到的報錯記錄

學習React時遇到的報錯記錄 1._registerComponent(…): Target container is not a DOM element. 錯誤原因:在頁面中找不到對應的DOM元素, 錯誤代碼: <body>

原创 css樣式中關於透明度的設置

今天在寫dialog對話框組件時,給外面 的父元素設置了透明度,但是影響到內部的子元素,查了資料找到了原因以及解決辦法; 設置父元素opacity:0.4,子元素不設置opacity,子元素會受到父元素opacity的影響,也會有0.4

原创 JavaScript中的遞歸函數

遞歸函數也就是在函數內部調用自己,而遞歸函數如果使用不當,則可能會形成死循環,下面我們就利用階乘問題來講一下遞歸; 下面我們來看一段代碼: <script> var a=function (x) { if(x===1

原创 React 的函數組件和類組件中的props

React 的函數組件和類組件中的props 函數組件 函數組件中的props是一個對象直接作爲函數的參數傳入,在組件內容中可以直接用點語法使用props對象中的屬性,代碼如下: function Test1(props) {

原创 微信小程序遇坑一 ---頁面路徑

微信小程序遇坑一—–頁面路徑 剛剛開始學習微信小程序,看學習視頻的時候看到老師點擊目錄就跳轉到相應的頁面,自己弄了半天也沒有任何效果,頁面路徑沒有任何改變,試了老半天發現是app.json文件中的page中的路徑的位置問題,在微信WEB開