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