1.script标签的defer/async属性 <script src="script.js"></script>没有 defer 或 async，浏览器会立即加载并执行指定的脚本，“立即”指的是在渲染该 script 标签之下的文档元素之前，也就是说不等待后续载入的文档元素，读到就加载并执行。 <script async src="script.js"></script>有 async，加载和渲染后续文档元素的过程将和 script.js 的加载与执行并行进行（异步）。 <script defer...

HTTP协议又称超文本传输协议；是OSI模型中的第七层应用程中协议；具有以下特点：1、支持客户/服务器模式;2、简单快速;3、灵活;4、无连接;5、无状态；这里我们主要解释4和5特点：无连接：指的是每次连接只处理一个请求，服务端处理完客户端一次请求，等到客户端作出回应之后便断开连接；这种方式有利于节省传输时间；然后随着互联网的发展，一台服务器同一时间处理的请求越来越多，如果依然采用原来的方式，将会在建立和断开连接上花费大部分时间；为了避免这一劣势，HTTP/1.0：持久连接被提出来；即当一个TCP连接服务器多次请求：客户端会在请求Header中携带Connection:Keep-Alive;向...

备忘录模式（Memento）：在不破坏对象的封装性的前提下，在对象之外捕获并保存该对象内部的状态以便日后对象使用或者对象恢复到以前的某个状态。 通过备忘录模式可以来缓存请求过的数据，当每次发送请求的时候对当前状态做一次记录，将你请求下的数据以及对应的页码缓存下来，将来某一时刻想要返回到某一浏览过的页面，直接在缓存中查询即可，不必重新发送新的请求。例如一个应用的换肤功能，第一次打开要向服务器发送请求来获取响应数据，但第二次不必再发送，直接使用第一次缓存下来的数据即可。MVC架构中M（model）部分，很多时候会缓存一些数据，供视图或者控制器模块使用

中介者模式（Mediator）：通过中介者对象封装了一系列对象之间的交互，是对象之间不在相互引用，降低它们之间的耦合。 中介者模式和观察者模式类似都是使用消息的收发机制实现的，在观察者模式中，一个对象既可以是消息的发送者也可以是消息的接收者，他们之间信息交流依托于信息系统实现的解耦。而中介者模式中消息的发送者只有一个，就是中介者对象，而且中介者对象不能订阅消息，只有那些活跃对象（订阅者）才能订阅中介者的消息，中介者对象只能是消息的发送者。 var Mediator = (function () { //防止消息队列被暴漏而被篡改所以将消息容器作为静态私有变量保存 ...

一、computed与methods的区别： 1.实质上computed计算属性中定义的是属性而不是函数，所以使用时直接用{{xxx}}，而不要使用{{xxx()}}；——后面详细说明 而methods中定义的是函数，因此使用时需要{{xxx()}}。 2.计算属性computed被使用时会进行缓存，如果需要多次使用，则只需要调用1次； 而methods中的函数无缓存，如果需要使用n次，则需要调用n次。 因此，需要多次使用时，推荐使用计算属性computed。 二、为什么使用计算属性computed时不用() 计算属性的实质为属性，其中定义了set()方法和get()方法： 而...

Vuex和web存储的区别 1.Vuex存储在内存，localstorage以文件的方式存储在本地，永久保存，sessionstorage在浏览器会话期间临时保存。web存储只能存储字符串类型，对于复杂的对象可以使用JSON对象的stringify和parse处理。2.应用场景：Vuex用于组件之间的传值，web存储主要用于不同页面之间的传值。3.永久性：当刷新页面（F5刷新，清除内存）时vuex存储的值会丢失，sessionstorage页面关闭后消失，localstorage不会自动消失。 Cookie和web存储的区别

一、将对象转为字符串比较 这是最容易想到的方法，主要使用JSON.stringify()这个方法对对象进行强转： var a={}; var b=new Object(); console.log(JSON.stringify(a)=="{}") //true console.log(JSON.stringify(b)=="{}") //true二、for…in循环 使用for in循环可以遍历所有属性以次判断对象是否为空对象： var a={}; function isEmptyObject(obj){ for(var key in obj...

function maxStr(str){ var obj = {} var max = { item:[],count:1 }; str.split('').forEach(item=>{ obj[item] == undefined ? obj[item] = 1 : obj[item]++; }) for(var item of Object.entries(obj)){ if(item[1]>...

function maxLength(str){ var arr = str.split(''); var max = { item:[], count:1 }; var count = 1 for(var i=1;i<arr.length;i++){ if(arr[i] == arr[i-1]){ count++; }else{ if(max.cou...

var a = { digit:1, valueOf:function(){ return this.digit++; } }

https://www.cnblogs.com/moyand/p/9047978.htmlhttps://www.zhihu.com/question/19786827

let a = {n : 1}; let b = a; a.x = a = {n: 2}; console.log(a.x) //undefined console.log(b.x) //{n:2}https://blog.csdn.net/Web_J/article/details/107471318 let a={m:10,n:30} let b=a; let c=b; b.m=20; let d={...b}//相当于Object.assign 第一层对象为深拷贝，再深为浅拷贝 c={n:40}//此时c的地址不再与a,b相同 console.log(...

访问者模式（Vistor）：针对于对象结构中的元素，定义在不改变该对象的前提下访问结构中元素的新方法。例如IE中的attachEvent中的this指向的不知当前这个元素而是window对象，所以可以使用call或者apply方法来改变函数执行时的作用域，让某个对象在其他作用域中执行。 function bindIEEvent(dom,type,fn,data){ var data = data || {}; dom.attachEvent('on'+type,function(e){ fn.call(dom,e,data) }); }将事件源元素对象在...

命令模式（Command）：将请求与实现解耦并封装成独立对象，从而使不同的请求对客户端的实现参数化。 命令对象 //模块实现模块 var viewCommand = (function(){ //方法集合 var Action = { //创建方法 create : function(){}, //展示方法 display : function(){} } //命令接口 return function excute(){} })()命令模式时将执行的命令封装，解决命令的发起者与执行者之间的耦...