qq_27483091的博客

原创 对手机号中间四位脱敏

filterPhone(val) { const overlen = (val.length - 4) / 2 const startLen = overlen % 2 === 0 ? overlen : Math.ceil(overlen) const endLen = startLen + 4 return val.substr(0, startLen) + '****' + val.substr(endLen, val.length)}

原创 常用正则校验

正则校验实例

原创 vscode格式化代码设置

vscode格式化代码设置

原创 webpack打包出的文件在index.html引入路径斜杠被转义

webpack打包出来的文件在index.html引入后,路径被转义

原创 浏览器渲染，进程与线程

HTML解释器就是将从网络或本地获取的字节流转换成dom树。Bytes字节流——Characters字符流——Tokens词语——Nodes节点——Dom树字节流先解码成字符流，然后通过各种词法分析器（HTMLTokenizer，XSSAuditor）解析成词语，再通过语法分析器（HTMLDocumentParser，HTMLTreeBuilder）解析成节点，最后节点（HTMLConstructionSite）组建成dom树。进程：指的一个程序（浏览器打开一个页面就是打开一个进程）。线

原创 高德地图定位

//在index.html页面引入<scriptsrc="http://webapi.amap.com/maps?v=1.3&key=高德地图的key"></script>配置外置引入，不会被打包进项目包externals:{'AMap':'AMap'},//在组件页面引入import AMap from 'AMap'// 开始定位方法 readyPosition(){ let _this = this ...

原创 微信公众号支付

<script src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>if (typeof WeixinJSBridge == "undefined"){ if( document.addEventListener ){ document.addEventListener('WeixinJSBridgeReady', onBridgeReady...

原创 vuex和缓存数据

/** * 存储localStorage */export const setStore = (name, content) => { if (!name) return; if (typeof content !== 'string') { content = JSON.stringify(content); } window.localStorage.setItem(name, content);}/** * json数据去重合并 */export con.

原创 轮播图运用读写分离刷新渲染队列

轮播图运用读写分离刷新渲染队列

原创 rollup 基本配置打包

rollup.config.jsimportresolvefrom"rollup-plugin-node-resolve";//帮助rollup查找外部模块导入importcommonJsfrom'rollup-plugin-commonjs';//将CommonJs模块转换为Es2015供rollup处理importbabelfrom'rollup-plugin-babel';//让我们可以使用es6新特性来编写代码import{terser}fr...

原创 浅拷贝与深拷贝

浅拷贝浅拷贝是对对象的每个属性进行复制，不会递归复制，当我们复制的属性值为对象的时候，实际上只是复制了一个内存地址（因为对象是存储在堆内存中）var objTem= { a:{w:2},b:2,c:3 };//objTem是一个对象，b、c属性值都是基本数据类型存储在栈内存中，a属性值（{w:2}）是对象存储在堆内存中 ，{w:2}里面的w属性值2存储在栈内存中。function copy(obj){ var c = obj instanceof Array ? [...

原创 es6特性---Set与Map

1、Set本身是构造函数，借用Set构造函数生成的实例数据结构类似数组，且实例里面的值为唯一属性。注意：Set函数接收的是数组或是可遍历的数据结构作为参数。Set结构实例本身有2个属性、4个操作方法、4个循环方法。两个属性Set.prototype.constructor属性，就是Set函数本身Set.prototype.size属性，set结构成员数量let set = new Set();console.log(set.constructor==Set) //true..

原创 防抖节流方法

为了优化性能，避免重复请求用户scroll和resize行为会导致页面不断渲染，在绑定的回调函数中大量操作dom就会明显卡顿。函数节流保证在一定时间内， 代码只执行一次function fn(method, delay){ let last = 0;}...

原创 移动端适配

在项目index.html添加<script>var cWidth=document.documentElement.clientWidth||document.body.clientWidth;varratio=cWidth/375;varfontSize=100*ratio;document.getElementsByTagName('html')[0].style['font-size']=fontSize+'px';</s...

原创 mysql 同一个表设置字段值为其他数据某个值

UPDATE `loverent_auth`.`sys_resource` SET parentId = ( SELECT ma.id FROM ( SELECT id FROM loverent_auth.sys_resource sr WHERE sr.platformId = 2 AND sr.resourceCode='detailButton') ma) WHERE platformId = 2 AND resourceCode = 'togglerManage:updataAddree:ed..

原创 日期设置昨天 今天 本周 本月 上月

//设置昨天今天本周本月上月setTimeByType(type){if(type==0){varyesterday=newDate();yesterday.setTime(yesterday.getTime()-3600*1000*24*1);varyesterdayYMD=Common.formatDate(yesterday,"yyyy-MM-dd");...

原创 vue自定义指令用法

场景：订单类型等于12或13的时候隐藏按钮创建文件directive.type.jsexportdefault{inserted:async(el,{value})=>{if(value=='12'||value=='13' ){el.remove()return;}},updated:async(el,{value})=>{//当VNode的时候，会执行update...

原创 vue页面 变量值发生改变，排除方法改变变量值的可能，最后发现是 v-if 改变了变量值

vue页面 变量值发生改变，排除方法改变变量值的可能，最后发现是 v-if 改变了变量值在data定义 type变量为1v-if 正常用法 <li class="info-list" v-if="type==1">mason</li>此时type的值就是 1；v-if 错误用法<li class="info-list" v-if="type=2">舟舟</li>此时type变成了2...

原创 进制转换javascript

原创 vue跨域多个代理设置

// 在config index.js module.exports 下面的dev里面配置多域名代理。proxyTable: {'/api1': {target: '域名1请求地址',changeOrigin: true,pathRewrite: {'^/api1':'/'}...

原创 mint-ui —— 从底部弹起可配置的数据

<template> <div class="talk"> <div@click="addTalk"></div> <div class="">{{sortType}}</div> <mt-actionsheet :actions="actions" :cancelT...

转载 LArea移动端城市选择控件，未滑动时，点击省、市或区时会报错 147LArea.js:285 Uncaught TypeError: Cannot read property 'id' of un

源码里：12345if (stopGear) {    var gearVal = Math.abs(pos) / 2;    setGear(target, gearVal);    clearInterval(target["int_" + target.id]);}把1 var gearVal = Math.abs(pos) / 2;改成1var gearVal = Math.abs(pos...