1.定义指令： constclickOutside={ bind(el,binding,vnode){ functionclickHandler(e){ if(el.cont...
IP属地：山西
-
vue 自定义指令clickOutside，点击弹窗之外区域关闭弹窗
-
前端模糊搜索实现与深拷贝cloneDeep
对获取到的原始数组数据进行深拷贝，以免改变原始数组结构；通过输入值匹配数组对象值来重组匹配出来的数组。 1.安装lodash： npm install lodash --sa...
-
input输入搜索防抖函数
输入框搜索频繁请求接口，防抖函数可有效控制接口请求完成后，间隔设置的时长再次请求，避免一次请求未结束又进行了下一次请求。 1.安装lodash： npm install lo...
-
vue项目全局过滤器与组件内部过滤器 filter
全局过滤器 1.mian.js同级目录下新建文件夹filter，文件夹下新建filter.js： let transformMobile=val=>{ //手机号码隐藏...
-
移动端H5上传图片等比例压缩及部分iOS手机图片旋转90度解决方案
注：1.此方法将上传的图片等比例压缩或放大至500kb左右。 2.上传非正照，如人脸照片，强制旋转为正照。 3.iOS 13.3.1以上版本手机拍出来的照片，...
-
生成二维码实现及注意点
1.安装qrcodejs2插件： cnpm i qrcodejs2 -S 2.组件内使用： import QRCode from 'qrcodejs2' <template>...
-
微信公众号禁用分享和复制链接
1.在公共js，如common.js里封装： functiononBridgeReady(){ WeixinJSBridge.call('hideOptionMenu') }...
-
vue项目部署，网关服务配置文件修改
1.在index.html同级文件夹下新建config.js： window.global_config={ BASE_URL:"http://baidu.com",//服务...
-
部分ios手机软键盘关闭，软键盘弹起位置空白占位问题
问题和解决原理：部分ios手机在收起手机软键盘后，弹起软键盘的位置留白占位。监听输入框失去焦点，窗口回到顶部，迫使界面恢复正常。 <template> </template>...
-
移动端H5输入框调起手机软键盘，导致底部固定定位被顶起解决方法
问题和解决原理：部分安卓手机在调起手机软键盘时，会顶起底部固定定位元素。onresize 事件会在窗口被调整大小时发生，以此来监听窗口变化将底部固定定位元素做显隐处理。 <t...
-
iphoneX底部固定定位兼容处理
问题和解决原理：iPhoneX全面屏手机底部返回键悬浮占位且层级最高，媒体查询判断手机屏幕，底部固定定位元素向上偏移34px。 1.在项目中index.html的meta标签...