前端常见面试题总结---第四篇

我就是我 2022-09-24 12:28 154阅读 0赞

**1 ajax 的过程是怎样的**

1.  创建XMLHttpRequest对象,也就是创建一个异步调用对象
2.  创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及验证信息
3.  设置响应HTTP请求状态变化的函数
4.  发送HTTP请求
5.  获取异步调用返回的数据
6.  使用JavaScript和DOM实现局部刷新

**2 请解释一下 JavaScript 的同源策略。**

同源策略是客户端脚本（尤其是Javascript）的重要的安全度量标准。它最早出自Netscape Navigator2.0，其目的是防止某个文档或脚本从多个不同源装载。  
这里的同源策略指的是：**协议，域名，端口相同**，同源策略是一种安全协议，指一段脚本只能读取来自同一来源的窗口和文档的属性。  
为什么要有同源限制：  
我们举例说明：比如一个黑客程序，他利用Iframe把真正的银行登录页面嵌到他的页面上，当你使用真实的用户名，密码登录时，他的页面就可以通过Javascript读取到你的表单中input中的内容，这样用户名，密码就轻松到手了。

**3 GET和POST的区别，何时使用POST？**  
GET：一般用于信息获取，使用URL传递参数，对所发送信息的数量也有限制，一般在2000个字符  
POST：一般用于修改服务器上的资源，对所发送的信息没有限制

GET方式需要使用 Request.QueryString 来取得变量的值  
POST方式通过 Request.Form 来获取变量的值  
也就是说 Get 是通过地址栏来传值，而 Post 是通过提交表单来传值。

在以下情况中，请使用 POST 请求：  
1. 无法使用缓存文件（更新服务器上的文件或数据库）  
2. 向服务器发送大量数据（POST 没有数据量限制）  
3. 发送包含未知字符的用户输入时，POST 比 GET 更稳定也更可靠

**4 JavaScript 原型，原型链 ? 有什么特点？**

1.  原型对象也是普通的对象，是对象一个自带隐式的 `__proto__` 属性，原型也有可能有自己的原型，如果一个原型对象的原型不为 null 的话，我们就称之为原型链
2.  原型链是由一些用来继承和共享属性的对象组成的（有限的）对象链

**5 什么是 “use strict”; ? 使用它的好处和坏处分别是什么？**  
ECMAscript 5添加了第二种运行模式：”严格模式”（strict mode）。顾名思义，这种模式使得Javascript在更严格的条件下运行。

设立”严格模式”的目的，主要有以下几个：  
1. 消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为;  
2. 消除代码运行的一些不安全之处，保证代码运行的安全；  
3. 提高编译器效率，增加运行速度；  
4. 为未来新版本的Javascript做好铺垫。  
注：经过测试 IE6,7,8,9 均不支持严格模式。

缺点：  
现在网站的 JS 都会进行压缩，一些文件用了严格模式，而另一些没有。这时这些本来是严格模式的文件，被 merge 后，这个串就到了文件的中间，不仅没有指示严格模式，反而在压缩后浪费了字节。

**6 异步加载和延迟加载**  
1. 异步加载的方案： 动态插入 script 标签  
2. 通过 ajax 去获取 js 代码，然后通过 eval 执行  
3. script 标签上添加 defer 或者 async 属性  
4. 创建并插入 iframe，让它异步执行 js  
5. 延迟加载：有些 js 代码并不是页面初始化的时候就立刻需要的，而稍后的某些情况才需要的

**7 Flash、Ajax各自的优缺点，在使用中如何取舍？**

Flash：  
1. Flash适合处理多媒体、矢量图形、访问机器  
2. 对CSS、处理文本上不足，不容易被搜索

Ajax：  
1. Ajax对CSS、文本支持很好，支持搜索  
2. 多媒体、矢量图形、机器访问不足

共同点：  
1. 与服务器的无刷新传递消息  
2. 可以检测用户离线和在线状态  
2. 操作DOM

**8 eval是做什么的？**  
1. 它的功能是把对应的字符串解析成JS代码并运行  
2. 应该避免使用eval，不安全，非常耗性能（2次，一次解析成js语句，一次执行）