摘要：引用計數(shù)這是最簡單的垃圾收集算法。然而，引用計數(shù)算法考慮到它們互相都有至少一次引用，所以它們不會被回收。事件代理發(fā)生在冒泡階段。為時取消事件默認(rèn)行為，為時取消時間傳播通常利用事件冒泡機制托管事件處理程序提高程序性能。

JS的延遲加載有助與提高頁面的加載速度。
defer和async、動態(tài)創(chuàng)建DOM方式（用得最多）、按需異步載入JS
defer：延遲腳本。立即下載，但延遲執(zhí)行（延遲到整個頁面都解析完畢后再運行），按照腳本出現(xiàn)的先后順序執(zhí)行。
async：異步腳本。下載完立即執(zhí)行，但不保證按照腳本出現(xiàn)的先后順序執(zhí)行。

同步的概念在操作系統(tǒng)中：不同進(jìn)程協(xié)同完成某項工作而先后次序調(diào)整（通過阻塞、喚醒等方式），同步強調(diào)的是順序性，誰先誰后。異步不存在順序性。
同步：瀏覽器訪問服務(wù)器，用戶看到頁面刷新，重新發(fā)請求，等請求完，頁面刷新，新內(nèi)容出現(xiàn)，用戶看到新內(nèi)容之后進(jìn)行下一步操作。
異步：瀏覽器訪問服務(wù)器請求，用戶正常操作，瀏覽器在后端進(jìn)行請求。等請求完，頁面不刷新，新內(nèi)容也會出現(xiàn)，用戶看到新內(nèi)容。

若請求的資源編碼，如外引js文件編碼與頁面編碼不同?？筛鶕?jù)外引資源編碼方式定義為 charset="utf-8"或"gbk"。
比如：http://www.yyy.com/a.html 中嵌入了一個http://www.xxx.com/test.js
a.html 的編碼是gbk或gb2312的。 而引入的js編碼為utf-8的 ，那就需要在引入的時候

全局變量、閉包、DOM清空或刪除時，事件未清除、子元素存在引用

Flash提供了ExternalInterface接口與JavaScript通信，ExternalInterface有兩個方法，call和addCallback，call的作用是讓Flash調(diào)用js里的方法，addCallback是用來注冊flash函數(shù)讓js調(diào)用。

Flash：適合處理多媒體、矢量圖形、訪問機器。但對css、處理文本不足，不容易被搜索。
Ajax：對css、文本支持很好，但對多媒體、矢量圖形、訪問機器不足。

1) 數(shù)據(jù)體積方面。JSON相對于XML來講，數(shù)據(jù)的體積小，傳遞的速度更快些。
2) 數(shù)據(jù)交互方面。JSON與JavaScript的交互更加方便，更容易解析處理，更好的數(shù)據(jù)交互。
3) 數(shù)據(jù)描述方面。JSON對數(shù)據(jù)的描述性比XML較差。
4) 傳輸速度方面。JSON的速度要遠(yuǎn)遠(yuǎn)快于XML。

web socket：在一個多帶帶的持久連接上提供全雙工、雙向的通信。使用自定義的協(xié)議（ws://、wss://），同源策略對web socket不適用。
web worker：運行在后臺的JavaScript，不影響頁面的性能。
創(chuàng)建worker：var worker = new Worker(url);
向worker發(fā)送數(shù)據(jù)：worker.postMessage(data);
接收worker返回的數(shù)據(jù)：worker.onmessage
終止一個worker的執(zhí)行：worker.terminate();

1) 標(biāo)記清除：
這個算法把“對象是否不再需要”簡化定義為“對象是否可以獲得”。
這個算法假定設(shè)置一個叫做根（root）的對象（在Javascript里，根是全局對象）。定期的，垃圾回收器將從根開始，找所有從根開始引用的對象，然后找這些對象引用的對象。從根開始，垃圾回收器將找到所有可以獲得的對象和所有不能獲得的對象。

2) 引用計數(shù)：
這是最簡單的垃圾收集算法。此算法把“對象是否不再需要”簡化定義為“對象有沒有其他對象引用到它”。如果沒有引用指向該對象（零引用），對象將被垃圾回收機制回收。
該算法有個限制：無法處理循環(huán)引用。兩個對象被創(chuàng)建，并互相引用，形成了一個循環(huán)。它們被調(diào)用之后不會離開函數(shù)作用域，所以它們已經(jīng)沒有用了，可以被回收了。然而，引用計數(shù)算法考慮到它們互相都有至少一次引用，所以它們不會被回收。
前端面試查漏補缺--(二) 垃圾回收機制

JavaScript數(shù)據(jù)推送：commet（基于http長連接的服務(wù)器推送技術(shù)）。
基于web socket的推送：SSE（server-send Event）

1） 將cookie的失效時間設(shè)置為過去的時間（expires）

document.cookie = ‘user=’+ encodeURIComponent(‘name’) + ";
expires=’+ new Date(0);

2） 將系統(tǒng)時間設(shè)置為當(dāng)前時間往前一點時間

var data = new Date();
date.setDate(date.getDate()-1);

如何實現(xiàn)ajax請求

1.通過實例化一個XMLHttpRequest對象得到一個實例，調(diào)用實例的open方法為這次 ajax請求設(shè)定相應(yīng)的http方法、相應(yīng)的地址和以及是否異步，當(dāng)然大多數(shù)情況下我們都是選異步， 以異步為例，之后調(diào)用send方法ajax請求，這個方法可以設(shè)定需要發(fā)送的報文主體，然后通過 監(jiān)聽readystatechange事件，通過這個實例的readyState屬性來判斷這個ajax請求的狀態(tài)，其中分為0,1,2,3,4這四種 狀態(tài)，當(dāng)狀態(tài)為4的時候也就是接收數(shù)據(jù)完成的時候，這時候可以通過實例的status屬性判斷這個請求是否成功

var xhr = new XMLHttpRequest();
xhr.open("get", "aabb.php", true);
xhr.send(null);
xhr.onreadystatechange = function() {
  if(xhr.readyState==4) {
    if(xhr.status==200) {
      console.log(xhr.responseText);
    }
  }
}

Ajax請求的頁面歷史記錄狀態(tài)問題？

通過location.hash記錄狀態(tài)，讓瀏覽器記錄Ajax請求時頁面狀態(tài)的變化。

通過HTML5的history.pushstate，來實現(xiàn)瀏覽器地址欄的無刷新改變

Ajax的優(yōu)勢

無刷新頁面請求，使產(chǎn)品更快，更小更友好

服務(wù)器端的任務(wù)轉(zhuǎn)嫁到客戶端處理

減輕瀏覽器負(fù)擔(dān)，節(jié)約帶寬

基于標(biāo)準(zhǔn)化對象，不需要安裝特定的插件

徹底將頁面與數(shù)據(jù)分離

Ajax局限性

AJAX 不支持瀏覽器 back 按鈕。(無法使用回退按鈕)

安全問題 AJAX 暴露了與服務(wù)器交互的細(xì)節(jié)。

對搜索引擎的支持比較弱。不會執(zhí)行你的 JS 腳本，只會操作你的網(wǎng)頁源代碼；(不利于網(wǎng)頁的SEO)

跨域請求有一定限制。解決方式：jsonp；(不能發(fā)送跨域請求)

attribute是dom元素在文檔中作為html標(biāo)簽擁有的屬性
property是dom元素在js中作為對象擁有的屬性。
所以，對于html的標(biāo)準(zhǔn)屬性來說，attribute和property是同步的，是會自動更新的。但對于自定義屬性，他們不同步。

js事件委托機制

簡要介紹事件代理，以及什么時候使用，事件代理發(fā)生在事件處理流程的哪個階段，有什么好處？

事件代理就是說我們將事件添加到本來要添加事件的父節(jié)點，將事件委托給父節(jié)點來觸發(fā)處理函數(shù)，這通常會在 這通常會使用在大量的同級元素需要添加同一類事件的時候，比如一個動態(tài)的非常多的列表，需要為每個列表項都添加 點擊事件，這時可以使用事件代理，通過判斷e.target.nodeName來判斷發(fā)生的具體元素，從而判斷是否是在 列表項中觸發(fā)，這樣的好處是可以減少事件綁定，同時動態(tài)的DOM結(jié)構(gòu)仍然可以監(jiān)聽。事件代理發(fā)生在冒泡階段。

參考：
淺析JavaScript的事件代理和委托

請描述一下 JavaScript 事件冒泡機制

DOM事件模型是如何的,編寫一個EventUtil工具類實現(xiàn)事件管理兼容

1.DOM事件包含捕獲（capture）和冒泡（bubble）兩個階段：捕獲階段事件從window開始觸發(fā)事件然后通過祖先節(jié)點一次傳遞到觸發(fā)事件的DOM元素上；冒泡階段事件從初始元素依次向祖先節(jié)點傳遞直到window
2.標(biāo)準(zhǔn)事件監(jiān)聽elem.addEventListener(type, handler, capture)/elem.removeEventListener(type, handler, capture)：handler接收保存事件信息的event對象作為參數(shù)，event.target為觸發(fā)事件的對象，handler調(diào)用上下文this為綁定監(jiān)聽器的對象，event.preventDefault()取消事件默認(rèn)行為，event.stopPropagation()/event.stopImmediatePropagation()取消事件傳遞
3.老版本IE事件監(jiān)聽elem.attachEvent("on"+type, handler)/elem.detachEvent("on"+type, handler)：handler不接收event作為參數(shù)，事件信息保存在window.event中，觸發(fā)事件的對象為event.srcElement，handler執(zhí)行上下文this為window使用閉包中調(diào)用handler.call(elem, event)可模仿標(biāo)準(zhǔn)模型，然后返回閉包，保證了監(jiān)聽器的移除。event.returnValue為false時取消事件默認(rèn)行為，event.cancleBubble為true時取消時間傳播
4.通常利用事件冒泡機制托管事件處理程序提高程序性能。

/**
 * 跨瀏覽器事件處理工具。只支持冒泡。不支持捕獲
 * @author  ([email protected])
 */

var EventUtil = {
    getEvent: function (event) {
        return event || window.event;
    },
    getTarget: function (event) {
        return event.target || event.srcElement;
    },
    // 返回注冊成功的監(jiān)聽器，IE中需要使用返回值來移除監(jiān)聽器
    on: function (elem, type, handler) {
        if (elem.addEventListener) {
            elem.addEventListener(type, handler, false);
            return handler;
        } else if (elem.attachEvent) {
            var wrapper = function () {
              var event = window.event;
              event.target = event.srcElement;
              handler.call(elem, event);
            };
            elem.attachEvent("on" + type, wrapper);
            return wrapper;
        }
    },
    off: function (elem, type, handler) {
        if (elem.removeEventListener) {
            elem.removeEventListener(type, handler, false);
        } else if (elem.detachEvent) {
            elem.detachEvent("on" + type, handler);
        }
    },
    preventDefault: function (event) {
        if (event.preventDefault) {
            event.preventDefault();
        } else if ("returnValue" in event) {
            event.returnValue = false;
        }
    },
    stopPropagation: function (event) {
        if (event.stopPropagation) {
            event.stopPropagation();
        } else if ("cancelBubble" in event) {
            event.cancelBubble = true;
        }
    },
    /**
     * keypress事件跨瀏覽器獲取輸入字符
     * 某些瀏覽器在一些特殊鍵上也觸發(fā)keypress，此時返回null
     **/
     getChar: function (event) {
        if (event.which == null) {
            return String.fromCharCode(event.keyCode);  // IE
        }
        else if (event.which != 0 && event.charCode != 0) {
            return String.fromCharCode(event.which);    // the rest
        }
        else {
            return null;    // special key
        }
     }
};

注冊賬號要求以字母開頭，可以包含字母、數(shù)字、下劃線，請寫出驗證該賬號的正則表達(dá)式

/^[a-zA-Z]w+$/