(1) beforeCreate : 实例创建之前，这个时候vue的实例上只有一些生命周期函数 , data和methods还不能使用 (2) created : 创建结束的时候，vue实例上的data 和 methods就能正常使用了 最早可以在created里使用data和methods (3) beforeMount : 挂载之前 模板进行编译, 把指令循环插值语句都进行执行,生成一个虚拟的dom节点,在挂载之前,这个虚拟的dom被放在内存中 (4) mounted : 挂载完毕 最早在这个生命周期函数里用dom节点 把上一步生成的虚拟的dom挂载进#app里 (5) beforeUpd...

很多网站都会提供一个按钮：用于返回顶部。这个按钮只会在滚动到距离顶部一定位置的时候才出现-（监听滚动事件，返回当前到顶部的距离） function showTop() { var scrollTop = document.body.scrollTop || document.documentElement.scrollTop console.log(scrollTop) } window.onscroll = showTop但是运行的时候存在一个问题：函数默认执行频率太高，按一次键盘的下方向键，函数就执行了9次！实际应用上不需要高频执行反馈，这样会影响浏览器性能，如何优化成为问题。 第一种思路...

for..in可以将JavaScript中的对象的属性依次循环出来，当for..in作用于数组时得到的是该元素的下标，且该下标是一个String对象而不是一个Number对象。(注意：for..in实际上是历史遗留问题，其遍历的实际上是对象的属性，之所以能够遍历数组，是因为数组实际上是一个对象，而其属性就是下标，所以使用for..in遍历数组得到的下标是String类型)2、for..offor..of就是为了遍历集合而专门设计的，它只遍历数组的元素，并且当for..of直接遍历对象时会报错，for..of用于遍历对象需要使用Object.keys()才能正确遍历其属性（而Object.key...

Vuex是实现组件全局状态（数据）管理的一种机制，可以方便的实现组件之间的数据共享Vuex实现了单向数据流，在全局拥有一个state存放数据，当组件要修改state里的数据时，必须通过mutation进行，mutation同时提供了订阅者模式供外部插件调用获取state数据的更新。当有所有异步操作或批量的同步操作需要走action，但action也无法直接修改state，还是要通过mutation来修改state里的数据，最后根据state里的变化，渲染到视图上。 使用Vuex管理数据的好处：A.能够在vuex中集中管理共享的数据，便于开发和后期进行维护B.能够高效的实现组件之间的数据共享，提...

线程概念，与进程对比在操作系统中再引入线程，则是为了减少程序在并发执行时所付出的时空开销，使OS具有更好的并发性。对比：线程具有许多传统进程所具有的特征，所以又称为轻型进程，把传统进程成为重型进程。通常一个进程拥有若干个线程，至少有一个线程1.调度性：线程作为调度和分派的基本单位，进程作为资源拥有的基本单位2.并发性：进程和线程都可以并发执行，使得操作系统具有更好的并发性，提高系统资源利用率和系统的吞吐量。3.拥有资源：线程不拥有系统资源，但可以访问其隶属的进程的资源，所有线程可以共享进程中的资源。4.系统开销：进程远高于线程，由于进程中的多个线程具有相同的地址空间，在同步和通信的实现方面线程...

为什么说HTTP是不安全的？1.数据以明文传递，有被窃听的风险。2.接收到的报文无法证明是发送时的报文，不能保障完整性，因此报文有被篡改的风险。3.不验证通信两端的身份，请求或响应有被伪造的风险。 HTTPS有哪些缺点？1.通信两端都需要进行加密和解密，会消耗大量的CPU、内存等资源，从而会增加服务器的负载。2.加密运算和多次握手降低了访问速度。3.在开发阶段，加大了页面的调试难度。因为信息都被加密了，所以使用代理工具的话，需要先解密才能看到真实信息。4.用HTTPS访问的页面，页面内的外部资源都得用HTTPS请求，包括脚本中的Ajax请求。 HTTP/1.1有哪些不足？1.在传输中会出现队首...

一.三次挥手过程。1.客户端发送一个携带SYN标志位的包，请求建立连接。2.服务器响应一个携带SYN和ACK标志位的包，同意建立连接。3.客户端再发送一个携带ACK标志位的包，表示连接成功，开始进行数据传输。 为什么TCP采用三次握手而不是两次?因为两次握手不可靠，举个例子，客户端发送了一个请求建立连接的包，由于网络原因迟迟没有抵达服务器，客户端只能再发一次请求，这次成功抵达并完成了数据传输。过了一段时间，第一次延迟的请求也到达了服务器，服务器并不知道这是无效请求，依旧正常响应，此时如果是两次握手，那么就会建立一条无效的连接，而如果是三次握手，那么客户端就能丢弃这条连接，避免了无谓的网络开销。...

1.语义不同，GET是获取数据，POST是提交数据。2.HTTP规定GET比POST安全，因为GET只作读取，不会改变服务器中的数据。但这只是规范，并不能保证请求方法的实现也是安全的。3.GET请求会把附加参数带在URL上，而POST请求会把提交数据放在报文内。在浏览器中，URL的长度会被限制，所以GET请求能传递的数据有限，但HTTP其实没有对其做限制，只是浏览器在限制。4.HTTP规定GET是幂等的，而POST不是，所谓幂等是指多次请求返回相同的结果，实际应用没有这么严格，当GET获取动态数据时，每次的结果可能有所不同。 POST请求的四种数据格式1.application/json：这是...

1.域名解析，根据域名找到服务器的ip地址。2.建立TCP连接，浏览器与服务器经过3次握手后建立连接。3.浏览器发起HTTP请求，获取想要的资源。4.服务器响应HTTP请求，返回指定的资源。5.浏览器渲染页面，解析接收到的HTML、CSS、Javascript文件。https://blog.csdn.net/qq_20901397/article/details/79982679

缓存的处理过程可以简单地分为几步，第一步是在缓存中搜索指定资源的副本，如果命中就执行第二步，第二步对资源副本进行新鲜度检测（检测文档知否过期），如果不新鲜就执行第三步，第三步是与服务器进行再验证，验证通过（资源未改变只是新鲜度过期，实际未过期）就更新资源副本的新鲜度，再返回这个资源副本（此时HTTP响应状态码为“304 NOT Modified”，不通过就从服务器返回资源，再将最新的资源副本放入缓存中。

200 OK 请求成功。一般用于GET与POST请求201 Created 已创建。成功请求并创建了新的资源 202 Accepted 已接受。已经接受请求，但未处理完成 203 Non-Authoritative Information 非授权信息。请求成功。但返回的meta信息不在原始的服务器，而是一个副本 204 No Content 无内容。服务器成功处理，但未返回内容。在未更新网页的情况下，可确保浏览器继续显示当前文档 205 Reset Content 重置内容。服务器处理成功，用户终端（例如：浏览器）应重置文档视图。可通过此返回码清除浏览器的表单域 206 Partial Con...

解构赋值（★★★） ES6中允许从数组中提取值，按照对应位置，对变量赋值，对象也可以实现解构 数组解构  let [a, b, c] = [1, 2, 3]; console.log(a)//1 console.log(b)//2 console.log(c)//3 //如果解构不成功，变量的值为undefined 对象解构  let person = { name: 'zhangsan', age: 20 }; let { name, age } = person; console.log(name); // 'zhangsan' console.log(age); // 20 let {n...

https://zhuanlan.zhihu.com/p/75337266箭头函数和普通函数的区别：1、语法更加简洁、清晰2、箭头函数不会创建自己的this，它只会从自己的作用域链的上一层继承this。3、箭头函数继承而来的this指向永远不变4、.call()/.apply()/.bind()无法改变箭头函数中this的指向5、箭头函数不能作为构造函数使用6、箭头函数没有自己的arguments，可以在箭头函数中使用rest参数代替arguments对象，来访问箭头函数的参数列表7、箭头函数没有原型prototype8、箭头函数不能用作Generator函数，不能使用yeild关键字9、箭头...