随笔分类 - js
摘要：Set、Map、WeakSet、WeakMap、都是一种集合的数据结构 Set、WeakSet 是[值,值]的集合，且具有唯一性 Map 和 WeakMap 是一种[键,值]的集合，Map 的键可以是任意类型，WeakMap 的键只能是对象类型 Set 和 Map 有遍历方法，WeakSet 和 W
阅读全文
摘要：1.offsetTop :当前对象到其上级层顶部的距离.不能对其进行赋值.设置对象到页面顶部的距离请用style.top属性. 2.offsetLeft :当前对象到其上级层左边的距离.不能对其进行赋值.设置对象到页面左部的距离请用style.left属性. 3.offsetWidth :当前对象的
阅读全文
摘要：<html> <head> <title>前端的base64使用方法</title> </head> <body> </body> <script> var str = "hello"; var str64 = window.btoa("hello"); console.log("字符串是:"+st
阅读全文
摘要：格式化数组参数的三种方法： qs.stringify({ a: ['b', 'c'] }, { arrayFormat: 'indices' }) // 'a[0]=b&a[1]=c' qs.stringify({ a: ['b', 'c'] }, { arrayFormat: 'brackets'
阅读全文
摘要：共同点：都是保存在浏览器端，并且是同源的 Cookie：cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递。而sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。cookie数据还有路径（path）的概念，
阅读全文
摘要：http和https的区别？ http传输的数据都是未加密的，也就是明文的，网景公司设置了SSL协议来对http协议传输的数据进行加密处理，简单来说https协议是由http和ssl协议构建的可进行加密传输和身份认证的网络协议，比http协议的安全性更高。主要的区别如下： Https协议需要ca证书
阅读全文
摘要：空值合并操作符（??） 只有当左侧为null和undefined时，才会返回右侧的数 空值合并操作符（??）是一个逻辑操作符，当左侧的操作数为 null 或者 undefined 时，返回其右侧操作数，否则返回左侧操作数。 与逻辑或操作符（||）不同，逻辑或操作符会在左侧操作数为假值时返回右侧操作数
阅读全文
摘要：彻底理解js中this的指向，不必硬背。 - 追梦子 - 博客园 (cnblogs.com) JavaScript中call,apply,bind方法的总结。 - 追梦子 - 博客园 (cnblogs.com)
阅读全文
摘要：冻结对象： var pizza = { name: 'Peri Peri', Topping: 'Prawn' }; Object.freeze(pizza); // Can't change the name of the object because it's frozen pizza.name
阅读全文
摘要：JS中原型链，说简单也简单。 首先明确： 函数（Function）才有prototype属性，对象（除Object）拥有__proto__。 首先，我画了一张图。 所谓原型链，指的就是图中的proto这一条指针链！ 原型链的顶层就是Object.prototype，而这个对象的是没有原型对象的。 可
阅读全文
摘要：value——表示属性的值 writable——表示属性的可书写性 configurable——表示属性是否可编辑，默认值为true，编辑内容包括（1）能否使用delete删除，（2）能否修改属性特性，（3）能否修改访问器属性 enumerable——表示属性是否可枚举。 getter和seette
阅读全文
摘要：空格： onkeyup="this.value=this.value.replace(/^ +| +$/g,'')" 换行： ng-keydown="ctrl.checkEnter(event)" vm.checkEnter = function(e){ var et = e || window.e
阅读全文
摘要：map() 不会对空数组进行检测。 map() 不会改变原始数组。 forEach() 对于空数组是不会执行回调函数的。 forEach() 这个方法并没有返回值。 filter() 不会对空数组进行检测 filter() 不会改变原始数组 找出两个数组中不同的数据let _List = arr1.
阅读全文
摘要：js正则表达式截取字符串 1.正则表达式写法简介 var expression = / pattern /flags;其中模式（pattern）部分可以是任何简单或复杂的正则表达式，每个正则表达式都带有一个或多个标签（flags）用以标明正则表达式的行为 var strMatch = `-rw-r-
阅读全文
摘要：一、直接下载 针对一些浏览器无法识别的文件格式。可以直接在地址栏上出入URL即可触发浏览器的下载功能。 同类的还有window.location.href、window.open 地址栏输入文件URL window.location.href = URL window.open(URL) 二、直接下
阅读全文
摘要：使用场景: 防抖经常用在我们搜索框输入搜索，点击提交，防止等； 而节流一般在onresize、mousemove、滚动事件等事件中使用，防止过多的请求造成服务器压力 原因 节流函数：让一个函数无法在短时间内连续调用，只有当上一次函数执行后，过了规定的时间间隔，才能进行下一次该函数的调用。或者说你在操
阅读全文
摘要：比如 if(!!name) 这个就表示 if(name|| false)。将判断的类型，强转成boolean类型。如果name是null（或者undefine）的话，！name，返回的就是true 。 加了两个叹号后，明确的设置了变量的值，返回的boolean就是根据变量的实际值返回的。（如果是实际
阅读全文
