原型链，axios，vue生命周期等一些问题的简答

目录

1.http 和 https 的区别是什么？

2.ajax 的缺点？

3.Js 的原型和原型链？原型链的应用？

4.vue生命周期有那些？说说作用

5.axios特点

6.同步和异步区别   

---

1.http 和 https 的区别是什么？

http是超文本传输协议，信息是明文传输，https则是具有安全性的ssl/tls加密传输协议。

http和https使用的是完全不同的连接方式，用的端口也不一样，前者是80，后者是443。

http的连接很简单，是无状态的；HTTPS协议是由SSL/TLS+HTTP协议构建的可进行加密传输、身份认证的网络协议，比http协议安全。

2.ajax 的缺点？

2.1 ajax干掉了back按钮，即对浏览器后退机制的破坏。
2.2、开发者在不经意间会暴露比以前更多的数据和服务器逻辑。
2.3、对搜索引擎的支持比较弱。
2.4、破坏了程序的异常机制。
2.5、违背了url和资源定位的初衷。
2.6、一些手持设备（如手机、PDA等）现在还不能很好的支持ajax，如手机的浏览器上打开采用ajax技术的网站时，它目前是不支持的。

3.Js 的原型和原型链？原型链的应用？

avaScript 规定，所有对象都有自己的原型对象（prototype）。
一方面，任何一个对象，都可以充当其他对象的原型；
另一方面，由于原型对象也是对象，所以它也有自己的原型。
因此，就会形成一个“原型链”（prototype chain）：对象到原型，再到原型的原型……
那么，Object.prototype对象有没有它的原型呢？回答是Object.prototype的原型是null。
null没有任何属性和方法，也没有自己的原型。因此，原型链的尽头就是null。

1.在Javascript中，当系统加载构造函数后，会自动在内存中生成一个对象，这个对象就是原型对象。两者之间在内存中表现为相对独立，不存在谁包含谁的关系。但是两者之间又有一些关联，在构造函数的内部存在一个prototype属性指向原型对象，同时在原型对象的内存也存在一个属性constructor其指向了构造函数。

原型链的应用主要是实现继承

4.vue生命周期有那些？说说作用

有四个阶段，八个方法 

 

补充还有其他三个钩子函数---合起来11个

keep-alive 缓存组件才会有的生命周期的钩子函数
activated deactivated
errorCaptured 当子孙组件出错时，会调用这个钩子函数

常用的两个钩子函数是
1.created
可以访问获取数据
修改数据不会触发 beforeUpdate,updated钩子函数
可以正常向后端发起请求获取数据
2.mounted
可以访问获取数据
修改数据会触发 beforeUpdate,updated钩子函数
this.$refs找到 ref 表示的节点，获得dom元素
可以正常向后端发起请求获取数据
特别注意:不要在 update beforeUpdate 修改数据，否则会引起死循环

5.axios特点

axios是一个发起请求的库

1.从浏览器中创建XMLHttpRequests
2.node.js创建http请求
3.支持Promise API
4.拦截请求和响应
5.转换请求数据和响应数据
6.取消请求
7.自动换成json
axios中的发送字段的参数是data跟params两个
两者的区别在于params是跟请求地址一起发送的，data的作为一个请求体进行发送
params一般适用于get请求
data一般适用于post put 请求

6.同步和异步区别   

同步：是所有的操作都做完，才返回给用户结果。即写完数据库之后，在相应用户，用户体验不好。

异步：不用等所有操作等做完，就相应用户请求。即先相应用户请求，然后慢慢去写数据库，用户体验较好。