js
mason舟
路漫漫其修远兮
展开
-
对手机号中间四位脱敏
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)}原创 2023-03-10 09:48:21 · 235 阅读 · 0 评论 -
常用正则校验
正则校验实例原创 2022-04-16 11:06:57 · 374 阅读 · 0 评论 -
浏览器渲染,进程与线程
HTML解释器就是将从网络或本地获取的字节流转换成dom树。Bytes字节流——Characters字符流——Tokens词语——Nodes节点——Dom树字节流先解码成字符流,然后通过各种词法分析器(HTMLTokenizer,XSSAuditor)解析成词语,再通过语法分析器(HTMLDocumentParser,HTMLTreeBuilder)解析成节点,最后节点(HTMLConstructionSite)组建成dom树。进程:指的一个程序(浏览器打开一个页面就是打开一个进程)。线原创 2022-01-05 19:56:41 · 1606 阅读 · 0 评论 -
高德地图定位
//在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 ...原创 2022-01-05 19:47:51 · 1926 阅读 · 2 评论 -
微信公众号支付
<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...原创 2022-01-05 19:39:40 · 128 阅读 · 0 评论 -
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.原创 2022-01-05 19:21:17 · 1092 阅读 · 0 评论 -
轮播图运用读写分离刷新渲染队列
轮播图运用读写分离刷新渲染队列原创 2021-09-12 16:39:13 · 112 阅读 · 0 评论 -
浅拷贝与深拷贝
浅拷贝浅拷贝是对对象的每个属性进行复制,不会递归复制,当我们复制的属性值为对象的时候,实际上只是复制了一个内存地址(因为对象是存储在堆内存中)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 ? [...原创 2021-08-29 01:12:53 · 85 阅读 · 0 评论 -
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..原创 2021-08-29 00:12:41 · 170 阅读 · 0 评论 -
防抖节流方法
为了优化性能,避免重复请求用户scroll和resize行为会导致页面不断渲染,在绑定的回调函数中大量操作dom就会明显卡顿。函数节流保证在一定时间内, 代码只执行一次function fn(method, delay){ let last = 0;}...原创 2021-08-23 09:48:12 · 115 阅读 · 0 评论 -
日期设置昨天 今天 本周 本月 上月
//设置昨天今天本周本月上月setTimeByType(type){if(type==0){varyesterday=newDate();yesterday.setTime(yesterday.getTime()-3600*1000*24*1);varyesterdayYMD=Common.formatDate(yesterday,"yyyy-MM-dd");...原创 2021-05-31 18:14:22 · 397 阅读 · 0 评论 -
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...原创 2020-11-24 16:44:43 · 1062 阅读 · 0 评论 -
进制转换javascript
原创 2020-04-18 12:20:40 · 104 阅读 · 0 评论