1
2

var xhr=new XMLHttpRequest();
xhr.open('get','msg/msg.txt',true); //打开方式，地址，是否异步

注意：

异步：非阻塞模式，表示前面代码不会影响后面代码的执行。
同步：非阻塞模式，表示前面代码会会影响后面代码的执行。
在选择同步还是异步的过程中，需要判断前面的代码是否会影响后面的代码，如果会，那么就必须选择同步，否则，便是异步。

关于 JS 相等性判断，很容易想到严格相等（===）和非严格相等（==），前者在比较前不会进行隐式转换，即若比较的两个值不是相同的类型，比较结果一定是不等的。而后者在进行比较前可能会根据具体情况进行相应的类型转换然后再按照严格比较规则进行比较。

通常情况下使用严格相等是没有问题的，但存在两个例外。一个是+0和-0的比较，另一个是NaN的比较。

在严格相等中，+0 === -0 返回 true，NaN === NaN 返回 false，这与直观判断是不一致的。为了避免这类特殊情况，可以通过 ES6 新特性 Object.is 来进行判断。代码如下：

同源策略

• 所谓同源是指2个页面要具有相同的协议，域名，端口，三者缺一不可。
• 同源策略指的是浏览器对不同源的脚本或文本的访问进行限制，即源a下的js文件无法获取源b下的元素属性。
• 同源策略限制的是js中XMLHttpRequest请求，以下情况不受同源策略的影响：
• 页面中的链接，重定向，表单提交
• 允许跨域资源的嵌入，如果要阻止iframe嵌入我们网站的资源(页面或者js等)，我们可以在web服务器加上一个X-Frame-Options DENY头部来限制。

以前我们是可能是这样认为的：

• GET使用URL或Cookie传参。而POST将数据放在BODY中。

• GET的URL会有长度上的限制，则POST的数据则可以非常大。

• POST比GET安全，因为数据在地址栏上不可见。

可是，经过查证，They’re wrong，我也感觉不可思议，以前我就这样认为啊！

ECMAScript是什么

JavaScript是JavaScript的重要组成部分。简单一句话，ESMAScript是JavaScript的语法规范。与DOM,BOM成为JavaScript的3驾马车。不仅如此，它还定义了语法，类型，原型和继承及内置对象和函数标准库。

jQuery的出现是为了解决跨浏览器之间的兼容问题，使得DOM操作趋于统一。由于它强大的封住，深受开发人员的喜欢。不仅如此，它还具有以下优势。

• 体积小，使用灵巧
• 丰富的DOM选择器
• 跨浏览器、链式语法
• 强大的事件、样式支持
• 强大的AJAX功能
• 丰富的插件

什么是AJAX

AJAX = 异步 JavaScript 和 XML，是一种用于创建快速动态网页的技术，可实现局部刷新。主要应用于表单验证、按需获取数据、自动刷新页面。

JavaScript语言特性

JavaScript是一门动态的，弱类型，基于原型的动态语言。用一句话“一切皆对象”描述在好不过了。

动态性指要为属性赋值时，不必先创建一个字段，只需在使用时赋值即可。
弱类型指数据类型无需声明时指定，解释器会根据上下文进行实例化。

都知道响应式布局需要通过rem进行适配，但还需要以下一段js代码动态计算元素大小，但通过vh,vw就可直接通过css直接控制。

表单验证

获取单选值

1
2
3
4
5
6
7
8
9
10
11

function getSex(){
   var value="";
   var radio=document.getElementsByName("gender");
   for(var i=0;i<radio.length;i++){
    if(radio[i].checked==true){
        value=radio[i].value;
        break;
    }
  }
  alert(value);
}