1.定義指令： constclickOutside={ bind(el,binding,vnode){ functionclickHandler(e){ if(el.cont...
IP屬地：青海
-
vue 自定義指令clickOutside餐济，點擊彈窗之外區(qū)域關(guān)閉彈窗
-
前端模糊搜索實現(xiàn)與深拷貝cloneDeep
對獲取到的原始數(shù)組數(shù)據(jù)進行深拷貝，以免改變原始數(shù)組結(jié)構(gòu)；通過輸入值匹配數(shù)組對象值來重組匹配出來的數(shù)組。 1.安裝lodash： npm install lodash --sa...
-
input輸入搜索防抖函數(shù)
輸入框搜索頻繁請求接口，防抖函數(shù)可有效控制接口請求完成后，間隔設(shè)置的時長再次請求普舆，避免一次請求未結(jié)束又進行了下一次請求恬口。 1.安裝lodash： npm install lo...
-
vue項目全局過濾器與組件內(nèi)部過濾器 filter
全局過濾器 1.mian.js同級目錄下新建文件夾filter，文件夾下新建filter.js： let transformMobile=val=>{ //手機號碼隱藏...
-
移動端H5上傳圖片等比例壓縮及部分iOS手機圖片旋轉(zhuǎn)90度解決方案
注：1.此方法將上傳的圖片等比例壓縮或放大至500kb左右沼侣。 2.上傳非正照祖能，如人臉照片，強制旋轉(zhuǎn)為正照蛾洛。 3.iOS 13.3.1以上版本手機拍出來的照片养铸，...
-
生成二維碼實現(xiàn)及注意點
1.安裝qrcodejs2插件： cnpm i qrcodejs2 -S 2.組件內(nèi)使用： import QRCode from 'qrcodejs2' <template>...
-
微信掃一掃功能實現(xiàn)
1.引入微信js-sdk: npm install --save-dev weixin-js-sdk 2.引入axios:npm install --save axios 3...
-
微信個性化分享實現(xiàn)
1.引入微信js-sdk: npm install --save-dev weixin-js-sdk 2.引入axios:npm install --save axios 3...
-
微信公眾號禁用分享和復制鏈接
1.在公共js，如common.js里封裝： functiononBridgeReady(){ WeixinJSBridge.call('hideOptionMenu') }...
-
vue項目部署轧膘，網(wǎng)關(guān)服務(wù)配置文件修改
1.在index.html同級文件夾下新建config.js： window.global_config={ BASE_URL:"http://baidu.com",//服務(wù)...
-
部分ios手機軟鍵盤關(guān)閉钞螟，軟鍵盤彈起位置空白占位問題
問題和解決原理：部分ios手機在收起手機軟鍵盤后，彈起軟鍵盤的位置留白占位谎碍。監(jiān)聽輸入框失去焦點鳞滨，窗口回到頂部，迫使界面恢復正常蟆淀。 <template> </template>...
-
移動端H5輸入框調(diào)起手機軟鍵盤拯啦，導致底部固定定位被頂起解決方法
問題和解決原理：部分安卓手機在調(diào)起手機軟鍵盤時，會頂起底部固定定位元素扳碍。onresize 事件會在窗口被調(diào)整大小時發(fā)生提岔，以此來監(jiān)聽窗口變化將底部固定定位元素做顯隱處理。 <t...
-
iphoneX底部固定定位兼容處理
問題和解決原理：iPhoneX全面屏手機底部返回鍵懸浮占位且層級最高笋敞，媒體查詢判斷手機屏幕，底部固定定位元素向上偏移34px荠瘪。 1.在項目中index.html的meta標簽...