weixin_43668630的博客

indexDBcookie:验明用户信息，只能存4ksessionStorage、localStorage：存储空间更大5m，本地存储，可以做到永久性存储。indexedDB：解决本地存储量太小问题，浏览器提供的本地数据库。基于同源策略，支持异步。存储大量数据的方法，它创造的数据可以被查询，并且可以离线使用。window.indexedDB判断是否支持indexedDB，使用open方法，创建一个数据库，名字为“dataNames”，就可以通过onupgradeneeded事件、onsuccess

发布订阅模式和观察者模式的区别：发布订阅模式，例如vue里面的数据双向绑定原理，Dep收集所有的依赖，当数据发生变化时，通知所有的依赖进行更新。有一个收集依赖的调度中心，可以自定义的做一些处理，例如某些依赖不需要更新。由调度中心来进行调度，实现通信。观察者模式就是，订阅发布模式，例如为某个元素监听一个事件，当事件触发时执行回调。先订阅再发布。直接就是观察者和被观察者之间的通信，是由具体目标调度的，不需要调度中心。webpack原理：前端工程化构建工具，配置文件中配置entry入口开始解析文件，构

常见响应码101：协议升级，当想升级到websocket协议时， 客户端发送upgrade：websocket，connection：keep-alive，Upgrade，如果服务端同意协议升级，会返回101 websocket protocol handshake 表示升级成功。200 ok：表示成功返回响应206：当客户端使用range请求部分数据时，服务端返回206 partial content，表示传来了部分数据。并返回响应头content-range：bytes 范围。。。301：使

数组、对象的浅拷贝、深拷贝浅拷贝：1、var obj2=obj1//数组或对象直接赋值2、var obj2=Object.assign(obj1)深拷贝：1、写递归函数，考虑所有情况function deepClone(obj){ if(typeof obj!=="object"||obj===null){ return obj } if(obj instanceof Array){ var newobj=[] for(var i=0;i<obj.length;i++)

Vue.nextTick()接收一个函数，在同步任务执行完成，DOM更新完成之后再调用nextTick里的函数，此时就是基于已经更新的视图进行操作。通常用于在更新数据，需要立即获取更新后的视图的情况。nextTick()：属于异步任务中的微任务。微任务：process.nextTick，Promise.then，catch，finally，Mutation Observer宏任务：setTimeOut、setInterval、setImmediateJS事件循环机制：js单线程，同步任务放

浏览器内核浏览器内核多线程，包括：GUI渲染引擎、JS引擎、浏览器事件触发线程、http请求线程、定时触发器线程 。1、事件触发线程：将需要触发的任务放在事件线程中，当符合触发条件时，会把事件添加到待处理队列的队尾，等待JS引擎处理。【待处理队列中的任务都在等待JS引擎处理】2、定时器触发线程：setTimeout和setInterval所在线程，用于计时，计时完成添加到事件队列等待JS引擎处理3、http异步请求线程：在XMLHttpRequest连接之后，开一个线程进行请求，回调函数放在事件队

1、webpack.base.conf.js基础的webpack配置文件，配置一些dev和prod模式共有的属性。2、webpack.dev.conf.js配置一些dev模式特有的属性，使用webpack-merge与webpack.base.conf.js里的配置合并3、整合后的dev模式配置文件：3.1、entry：//webpack.base.conf.js中entry: { app: './src/main.js' }, //webpack.dev.c