原创 vue移動端項目底部適配iphonex
媒體查詢 App.vue中樣式中添加以下代碼 /* 適配iphoneX iphoneXS */ @media screen and (device-width:375px) and (device-height:812px){
2020-06-25 14:29:28
原创 vue cli3項目移動端適配
安裝依賴 //cd 項目文件夾路徑下,執行下面的命令 npm install lib-flexible postcss-loader postcss-pxtorem --save //或者 npm install lib-fl
2020-06-25 14:29:28
原创 微信小程序設置背景圖片不顯示問題解決方法
最近開發小程序的過程中遇到了這樣一個小問題，在wxss文件中通過background設置背景圖片，要實現背景圖片上顯示文字的效果，發現背景圖片不顯示，設置背景圖片的代碼如下： .test { width:100rpx;
2020-06-25 14:29:28
原创 前端手機號脫敏
日常開發，經常會遇到手機號脫敏顯示的情況，可以通過以下方式實現脫敏 let number = '13423456789' let pat = /(\d{3})\d*(\d{4})/ let text1 =number.replac
2020-06-25 14:29:28
原创 vue路由params和query傳參
開發過程中經常會遇到路由跳轉需要攜帶參數的情況，在大多數單頁面中，一般都是通過使用vue-router來實現路由的。通過在Vue實例內部訪問$router來訪問路由實例，調用this.$router.push導航到不同的URL。
2020-06-25 14:29:28
原创 vue項目中實現漢字轉拼音縮寫
前段時間接到了這樣一個需求，註冊頁面中有多個輸入框，要求第一個輸入框輸入漢字後，第二個輸入框自動填充對應的拼音開頭縮寫。實現思路是這樣的，第一步完成拼音轉漢字縮寫功能，第二步爲第一個輸入框添加失焦事件，失焦時計算當前對應拼音縮寫，
2020-06-25 14:29:28
原创 promise解決多層異步調用
日常開發中，我們通常會遇到接口異步請求存在多層依賴的關係，需要多層嵌套異步接口請求，可以通過promise來解決問題 封裝單個請求 func1(data) { return this.$axios.get('/xxx/xx
2020-06-25 14:29:28
原创 promise解決重複調用同一接口（同步）
前端實現多次調用同一個接口，所有數據均成功返回後，纔可繼續執行下面的代碼 封裝請求數據方法 getData(param) { return new Promise((resolve, reject) => {
2020-06-25 14:29:28
原创 後臺返回圖片流，前端預覽圖片，解決方案
blob轉base64 'data:image/png;base64,' + btoa(new Uint8Array(res.data).reduce((data, byte) => data + String.fromCh
2020-06-25 14:29:28
原创 vue+iview實現表格選中記憶+前端導出功能
選中記憶 <Table no-data-text="暫無任何數據" stripe :columns="column" :data="listData" ref="se
2020-06-25 14:29:28
原创 vue在響應頭response中獲取自定義headers
日常開發，我們可能會爲了安全問題，保證第三方無法通過僞造返回報文欺騙前端，需要在返回報文中添加自定義參數，用於驗證身份，後端添加自定義參數，前端校驗自定義參數通過後纔會執行相應的操作。 系統爲了安全會去掉自定義頭，如果不做任何處理
2020-06-25 14:29:28
原创 運營商判斷正則表達式&emoji表情過濾&時間格式化
概述 近期在項目中遇到三個問題，一是需要前端根據手機號判斷運營商的場景，不考慮虛擬運行商及攜號轉網的情況，只能通過號段的正則表達式來判斷；二是需要前端過濾用戶輸入內容，不允許emoji表情入庫，否則數據庫會出現問題;三是時間格
2020-06-25 14:29:28
原创 javascript正則表達式基本使用
定義和匹配方法的使用 定義 字面量定義 let reg = /abc/; javascript腳本加載後，正則表達式字面量會被編譯。當正則表達式保持不變時，使用此方法可獲得更好的性能。 構造函數定義 let re
2020-04-14 04:59:17
原创 手機號輸入框過濾非數字
添加手機號輸入框，綁定事件 <input type="number" placeholder="請輸入手機號" v-model="mobile" @keyup="filterTel" @blur="blurTel"/>
2020-03-27 02:37:09
原创 微信小程序添加埋點
微信小程序中添加埋點的目的是瞭解小程序的詳細使用情況，優化功能和用戶體驗，一共有兩種方案。小程序埋點分別爲代碼埋點、無代碼埋點，兩者的區別在於埋點的時機和添加方法的不同。添加埋點有移動分析-mta、微信小程序運營平臺，因移動分析-
2020-03-14 06:18:11