[网络协议]前端面经＜三＞

1.JS的绑定事件和解绑事件

addEventListener方法：div.addEventListener(‘click’,fn);

removeEventListener：ele.removeEventListener(“click”,fn);

2.vue组件通信方式

• props和$emit(常用)
• $children和$parent
• provide/reject
• ref
• eventBus
• Vuex
• LocalStorage/sessionStorage
• $attrs与listeners

3.DOM和BOM

DOM（文档对象模型）是 HTML 和 XML 的应用程序接口（API）。DOM代表着被加载到浏览器窗口里的当前网页：浏览器向我们提供了当前网页的地图（或者说模型），而我们可以通过js去读取这张地图。

BOM 主要处理浏览器窗口和框架，不过通常浏览器特定的 JavaScript 扩展都被看做 BOM 的一部分。这些扩展包括：

? ● 弹出新的浏览器窗口
? ● 移动、关闭浏览器窗口以及调整窗口大小
? ● 提供 Web 浏览器详细信息的定位对象
? ● 提供用户屏幕分辨率详细信息的屏幕对象
? ● 对 cookie 的支持
? ● IE 扩展了 BOM，加入了 ActiveXObject 类，可以通过 JavaScript 实例化 ActiveX 对象

4.JS的垃圾回收机制原理：

解决内存的泄露，垃圾回收机制会定期（周期性）找出那些不再用到的内存（变量），然后释放其内存。

现在各大浏览器通常采用的垃圾回收机制有两种方法：标记清除，引用计数。

5.WebSocket

WebSocket是一种在单个TCP连接上进行全双工通信的协议。WebSocket通信协议于2011年被IETF定为标准RFC 6455，并由RFC7936补充规范。WebSocket API也被W3C定为标准。

WebSocket使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在WebSocket API中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。

6.跨域

跨域：指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对javascript施加的安全限制。

同源策略：是指协议，域名，端口都要相同，其中有一个不同都会产生跨域；

跨域的解决方法：

1.设置document.domain解决无法读取非同源网页的 Cookie问题

2.跨文档通信 API：window.postMessage()

3.JSONP

4.CORS

JSONP 是服务器与客户端跨源通信的常用方法。最大特点就是简单适用，兼容性好（兼容低版本IE），缺点是只支持get请求，不支持post请求。

核心思想：网页通过添加一个<script>元素，向服务器请求 JSON 数据，服务器收到请求后，将数据放在一个指定名字的回调函数的参数位置传回来。

7.CSS预处理

css预处理定义：

定义了一种新的语言，其基本思想是用一种专门编程语言，为css增加了一些编程的特性，将css作为目标生成文件，然后开发者就只要使用这种语言进行编码工作。

几种预处理语言

sass

less

stylus

turbine

swithch css

css cacheer

dt css