Cookie

HTTP是一个不保存状态的协议，也就说同个客户端即使多次向同个服务器发出请求，服务器也做出响应了，但服务器却不知道是否是同一个客户端发出的请求。而cookie可以保存一段信息，在请求时发给服务器让无状态的HTTP协议也可以记录状态信息。

对象就是一组数据和功能的集合。

对象声明

• 构造函数声明，调用new Object()构造函数声明对象；
• 对象字面量声明，使用var obj = {}；声明对象，推荐；

移动端布局基本概念

• 物理像素（设备像素），物理像素是显示器(手机屏幕)上最小的物理显示单元，在操作系统的调度下，每一个设备像素都有自己的颜色值和亮度值；

• 设备独立像素，设备独立像素(也叫密度无关像素)，可以认为是计算机坐标系统中得一个点，这个点代表一个可以由程序使用的虚拟像素(比如: css像素)，然后由相关系统转换为物理像素；

• CSS像素，主要使用在浏览器上，用来精确的度量（确定）Web页面上的内容。一般情况下，CSS像素被称为与设备无关的像素（device-independent像素），简称为“DIPs”。在一个标准的显示密度下，一个CSS像素对应着一个设备像素；

• 设备像素比，设备像素比(简称dpr)定义了物理像素和设备独立像素的对应关系，设备像素比不会影响元素显示的大小，但会影响显示的清晰度；

  设备像素比 = 物理像素 / 设备独立像素 
  
  window.devicePixelRatio // JS获取设备像素比
  

Web端与服务器即时通信的实现方式有短轮询、Comet、SSE和Websocket。

短轮询

短轮询即浏览器定时向服务器发送请求，询问是否有消息更新。最简单的实现就是使用定时器每个一段时间像服务器发送请求获取数据。

DOM（文档对象模型），是针对HTML和XML文档的API。主要由元素节点，属性节点，文本节点组成。

DOM节点共有属性和方法

节点属性：

• nodeType, 元素节点1，属性节点2，文本节点3；
• nodeName，元素节点保存元素的标签名与原始节点的tagName相同，属性节点为属性名，文本节点为#text；
• nodeValue，元素节点为null，文本节点为文本内容，属性节点为属性值；
• textContent，回当前节点和它的所有后代节点的文本内容，会把其中的标签解释为文本；
• childElementCount，返回子元素的个数；

Ajax（异步的JavaScript和XML），核心是XMLHttpRequest对象，在用户和服务器之间加了一个中间层(Ajax引擎)，使用户操作与服务器响应异步化，通过XMLHttpRequest对象来向服务器发异步请求，从服务器获得数据，然后用javascript来操作DOM而更新页面。

正则表达式用于对字符串模式匹配及检索替换。

修饰符

• g，全局模式，即模式将被应用于所有字符串，而非在发现第一个匹配项时立即停止；
• i，不区分大小写模式，即在确定匹配项时忽略模式与字符串的大小写；
• m，多行模式，即在到达一行文本末尾时还会继续查找下一行中是否存在与模式匹配的项；

元字符

元字符是拥有特殊含义的字符。

浏览器为了安全，不允许从其他域调用对象，这被成为“同源政策”，同源是指：协议相同、域名相同和端口相同。

同源政策会在跨域时限制一些操作，其限制之一是不能通过ajax的方法去请求不同源中的文档，第二个限制是浏览器中不同域的框架之间是不能进行js的交互操作的，具体表现在三个方面：

• Cookie、LocalStorage和 IndexedDB无法读取；

• DOM无法获得；

• AJAX请求无效（可以发送，但浏览器会拒绝接受响应）。

但有的时候，我们仍是需要进行跨域操作。

JS是单线程的（所谓单线程，是指在JS引擎中负责解释和执行JavaScript代码的线程只有一个，叫主线程），就是说JS同一时间只能处理一件事。那么就可能出现这种情况：一件事需要花费很长时间处理，后面的事情只能等待，体验就非常差。

所以JS中将执行的任务分为两类：同步任务和异步任务。

同步任务，同步任务指的是，发出调用立即获得结果的为同步任务。同步任务会在调用之后一直等待，直到返回结果。

异步任务，异步任务指的是，发出调用，但无法立即获得结果，需要额外的操作才能得到预期的结果的为异步任务。调用之后和拿到结果之间，可以进行其他操作。

原型

每个函数对象都有一个prototype属性，这个属性这个属性是一个指针，指向一个对象。当函数作为构造函数使用时这个对象会成为调用该构造函数而创建的实例的原型，而这个对象的用途是包含可以由特定类型的所有实例共享的属性和方法。

就是说，构造函数生成的实例会有一组共享的属性和方法，这些属性和方法在构造函数的原型对象里。

function F(val) {
    this.a = val;
}
F.prototype.sayA = function () {
    console.log(this.a);
}

var f1 = new F(1);
var f2 = new F(2);
// 由F函数生成的实例都会包含sayA方法
f1.sayA();
f2.sayA();