前端面试（九）

考点1：BOM操作和DOM操作

问题：说说什么是BOM，什么是DOM

答：BOM：浏览器对象模型，提供一些属性和方法可以操作浏览器；DOM：文档对象模型，提供操作页面元素的方法和属性

考点2：AJAX和跨域

问题：原生js ajax请求有几个步骤，分别是什么

答：（1）创建一个异步调用对象（XMLHttpRequest）（2）创建一个HTTP请求（3）设置响应Http请求的函数（4）发送请求（5）获取异步回调返回的数据（6）使用JavaScript和DOM实现局部刷新

问题:什么情况会造成跨域

答：协议 端口号 域名不相同就会发生跨域

问题：跨域解决方案有哪些

答：四种（1）浏览器插件，安装允许跨域插件（2）web服务器软件（3）后端框架（4）前端框架，例如vue框架，修改vue.config.js 文件

问题：说说JSONP的工作原理

答：动态添加一个script标签，get链接上发送回调函数名称 传给服务器 服务器获取回调函数名称 返回这个函数名称的JS函数（拼装函数） json数据作为函数的实际参数传入 返回的数据是js函数  在前端调用回调函数（ json数据传入） 执行回调函数