更新进度: 15%更新工夫: 2020-07-23

前言

本篇文章将长期更新前端技术中对于 A与B的区别 类型的问题、文章中的问题与答案都是依据面试真

题和网络搜寻总结而来、自己并不保障答案的正确性、齐全是集体的了解、如果有谬误的中央欢送各位

前辈、大佬指出、万分感激????

一、目录

1、let和var和const的区别

2、get和post的区别

3、call和apply和bind和()=> {}的区别

4、setTimeout和setInterve的区别

5、Callback、Promises、observer、Async/Await的区别

6、cookie,session,localStorage和sessionStorage的区别

7、instanceOf和constructor的区别

8、preventDefault和stopPropagation的区别

9、es6和es5的区别

10、Vue和React和jQuery的区别

11、express和koa的区别

12、mvvm,mvc,mvp区别

13、线程和过程的区别

14、堆和栈的区别

15、同步异步的区别

16、HTTP各版本比拟

17、TCP和UDP的区别

二、答案

1、let和var和const的区别

var有变量晋升、let和const没有var和let在定义后能够进行批改、但const定义后就不能够再进行批改var和let在定义后能够先不赋值、初始值为undefined、const必须定义后赋值let和const都是块级作用域、都不能反复定义、不会影响内部变量

2、get和post的区别

性能: get个别用来获取数据、而post个别用来提交数据(但技术上都能够实现)传输方式: get是明文传输、而post是密文传输、两者对参数的解决形式不同、post相比更加平安界面刷新: get在用户回退或者刷新的时候是有害的、然而post申请却会被从新提交、这不是咱们冀望的参数长度: get申请的url长度是有限度的、这个限度在不同的浏览器略有不同、但post却没有url长度的限度、且两者参数的地位不同申请过程:     get申请产生一个TCP数据包、post则会产生两个数据包、两次包在验证数据包的完整性上有十分大的劣势、而在具体的申请过程上get间接将申请头和申请体发送给服务器、post则是先将申请头发送给服务器、服务器响应100后再发送data、服务器响应200后返回数据同时因为post申请的过程更简单、所以相比之下get的性能更佳、但具体应用什么还是应该依据具体的需要而定(注: 火狐的post申请只发一次包)编码格局: get只能进行url编码、然而post却反对各种编码格局历史停留: get申请的参数能够被记忆在浏览器中、然而post却不会数据大小: get申请传输的数据大小受到浏览器、操作系统、服务器的影响、post实践上没有大小限度、实际上受服务器的容量和设置影响get申请能够被书签珍藏、然而post却不能够

3、call和apply和bind和箭头函数的区别

性能: 前三个都是通过第一个参数扭转函数运行时的this指向、箭头函数则是将this指向绑定到创立时环境上执行: apply和call都是立刻执行的、然而bind则是返回了一个新的函数期待调用、箭头函数则是语法参数: call的参数从第二个开始、能够有很多个、而apply只有两个参数、第二个参数是数组bind是硬绑定、一旦绑定this指向就不会被更改、硬绑定的原理是用函数包含一个apply执行箭头函数不能够作为构造函数存在、即他不能够被 new 同时箭头函数不能应用arguments参数call的性能要比apply好一些、特地是传参数量大于三个的时候、猜想可能是因为apply参数须要遍历?

4、setTimeout和setInterve的区别

一个是定时器、每隔一段时间触发一次; 一个是延时器、期待多长时间之后执行一次雷同: 两个都是宏工作、两个的默认this指向都是window

5、Callback、Promises、setTimeOut的区别

首先三者都是异步编程的计划之一Callback函数在递归调用本身的时候会导致堆栈溢出Promises是微工作、setTimeOut则是宏工作、因为微工作是在主函数执行结束销毁之前执行的、所以Promises异步在setTimeOut之前执行TODO 链接 Google V8 事件循环系统学习总结

6、cookie,session,localStorage和sessionStorage的区别

存储大小: cookie比拟小、个别在4kb左右、而local和session个别为5M左右存储要求: 都只能存储字符串、不可存储其余格局、且cookie存储时条目不超过20个左右、session和local则没有存储数量的限度存储工夫: cookie能够设置生效工夫、不设置的状况下敞开页面时生效、session则是会话级存储敞开窗口时生效、local则不被动删除永不生效应用场景: cookie次要存储一些例如身份校验等信息、session则作为以后窗口的长期数据存储地位、local能够存储一些以后用户的偏好设置等数据平安性能: 三者都有被伪造和读取的危险cookie每次都会携带在申请头中、无论这个接口是否须要、而session和local不会发送到服务器

7、instanceOf和typeOf的区别

instanceOf操作符用来判断 constructor.prototype 是否存在于参数 object 的原型链上。typeOf是一元运算符、用来判断 一个任意参数的数据类型

8、preventDefault和stopPropagation的区别

e.preventDefault() 勾销浏览器默认行为e.stopPropagation = true; 阻止事件冒泡或捕捉

9、es6和es5的区别 | es6新个性

es6新个性    let、const等变量申明形式、有了块级作用域的概念        构造赋值、箭头函数、数组开展、默认参数值、字符串模版        Set和Map对象、Symbol数据类型(保障唯一性)        Generators、Promises 和 Async/awite 异步计划        模块化计划、借鉴了CommonJS和AMD长处        Proxies、应用代理监听对象操作        class语法糖

10、Vue、React和jQuery的区别

jQuery与Vue、React的最大区别就在与从原有的操作Dom的思维转变到操作数据的思维上jQuery的核心思想是 “用起码的代码、做更多的事件”, 与原生JS的区别仅在于更加不便的代码编写而Vue和React等框架则是基于MVVM的理念设计的、他做到了数据与视图的拆散TODO Vue与React的区别

11、express和koa的区别

TODO

12、mvvm,mvc,mvp区别

TODO

13、线程和过程的区别

一个程序至多有一个过程、一个过程至多有一个线程一个过程能够蕴含多个线程、过程与线程的关系好比 火车 和 车厢 的关系过程是资源分配的最小单位、线程则是CPU调度的最小单位

14、堆和栈的区别

堆是由内存动态分配的、栈则是由零碎动调配的堆中寄存对象自身、栈中则寄存根本数据类型和对象援用、堆比拟大、栈比拟小

15、同步异步的区别

同步须要期待函数执行结束后能力执行其余的操作、异步则不须要、即同步会造成阻塞

16、HTTP各版本比拟

TODO

17、TCP和UDP的区别

TODO

三、CSS区别

1、rem,px,em, pt的区别

px是像素单位、是绝对屏幕分辨率而言的、并不会受其余影响pt是长度单位、是印刷业罕用的计量单位、72pt = 2.54cmem是绝对长度单位、绝对于以后对象内文本的字体尺寸、em继承父元素的字体大小rem是绝对长度单位、与em的不同点在于、rem所参照的是根元素的字体大小

2、display:none和visibility:hidden的区别

三者在视觉上都能够实现暗藏元素的成果display:none 是齐全暗藏、此时元素已不存、在文档流中不占据地位visibility:hidden 也能够暗藏元素、但依然在文档流中占据肯定的地位opacity: 0 成果上与hidden相似、实现原理上是将元素变得通明不可见