摘要：確定離開(kāi)和操作的用法實(shí)例操作符判斷基本數(shù)據(jù)類(lèi)型檢測(cè)對(duì)象的繼承關(guān)系，左操作數(shù)是對(duì)象，右操作數(shù)是構(gòu)造函數(shù)可以準(zhǔn)確判斷左對(duì)象是右對(duì)象的實(shí)例頁(yè)面的三種彈窗警告框確認(rèn)框提示框請(qǐng)指出和的區(qū)別共同點(diǎn)這兩種事件都代表的是頁(yè)面文檔加載時(shí)觸發(fā)。

js&jq涉及內(nèi)容眾多，分為上下兩部分進(jìn)行整理，該部分為上部分。

前端是最貼近用戶(hù)的程序員，前端的能力就是能讓產(chǎn)品從 90分進(jìn)化到 100 分，甚至更好;

參與項(xiàng)目，快速高質(zhì)量完成實(shí)現(xiàn)效果圖，精確到1px;

與團(tuán)隊(duì)成員，UI設(shè)計(jì)，產(chǎn)品經(jīng)理的溝通;

做好的頁(yè)面結(jié)構(gòu)，頁(yè)面重構(gòu)和用戶(hù)體驗(yàn);

處理hack，兼容、寫(xiě)出優(yōu)美的代碼格式;

針對(duì)服務(wù)的優(yōu)化、擁抱最新前端技術(shù)。

  

    
Month
    
Savings
  
  

    
January
    
$100
  

首先通過(guò)題目給的table id 獲得該對(duì)象;
tableObj.rows.length; 獲得行數(shù);
tableObj.rows[x].cells[y].innerText 可以獲得x行y列的值;
遍歷table

function show(){
    var    tableRowInfo ="";
    tableObj = document.getElementById("t");
    for(var i =0 ;i
2、獲取頁(yè)面html標(biāo)簽的個(gè)數(shù)
var elementArr = document.getElementsByTagName("*")
var tagNameArr = []
for(var i= 0,len=elementArr.length;i
3、DOM事件流包括哪幾個(gè)階段
事件流，從頁(yè)面接收事件的順序；IE的事件流叫做事件冒泡；Netscape的事件流叫做事件捕獲；
“DOM2級(jí)事件”規(guī)定的事件流包括三個(gè)階段：事件捕獲階段、處于目標(biāo)階段和事件冒泡階段
document.addEventListener(type, handler, false);//true事件捕獲模式，false事件冒泡模式
4、html元素添加事件的方法
原生方法：
//1


//2
var btn = document.getElementById("myBtn")
btn.onclick = function(){}

//3
btn.addEventListener("click",function(){},false)//false在冒泡階段調(diào)用事件處理程序

IE：btn.attachEventListener("click",function(){},false)
5、用js代碼完成，body里面生成100個(gè)div，內(nèi)容是1-100自身序號(hào)，顏色按照紅、黃、藍(lán)、綠交替變色，10行10列
// CSS 
#box { position:relative; }
#box div { width: 60px; height: 60px; position: absolute; }

// HTML 


// JavaScript 

apply()/call()求數(shù)組最值
var  numbers = [5, 458 , 120 , -215 ]; 
var  maxInNumbers = Math.max.apply(this, numbers);  
console.log(maxInNumbers);  // 458
var maxInNumbers = Math.max.call(this,5, 458 , 120 , -215); 
console.log(maxInNumbers);  // 458
18、比較typeof與instanceof？

相同點(diǎn)：JavaScript 中 typeof 和 instanceof 常用來(lái)判斷一個(gè)變量是否為空，或者是什么類(lèi)型的。
typeof的定義和用法：返回值是一個(gè)字符串，用來(lái)說(shuō)明變量的數(shù)據(jù)類(lèi)型。
細(xì)節(jié)：
1.typeof 一般只能返回如下幾個(gè)結(jié)果：number,boolean,string,function,object,undefined。
2.typeof 來(lái)獲取一個(gè)變量是否存在，如 if(typeof a!="undefined"){alert("ok")}，而不要去使用 if(a) 因?yàn)槿绻?a 不存在（未聲明）則會(huì)出錯(cuò)。
3.對(duì)于 Array,Null 等特殊對(duì)象使用 typeof 一律返回 object，這正是 typeof 的局限性。

Instanceof定義和用法：instanceof 用于判斷一個(gè)變量是否屬于某個(gè)對(duì)象的實(shí)例。

a instanceof b?alert("true"):alert("false"); //a是b的實(shí)例？真:假

var a = new Array(); 
alert(a instanceof Array);  // true
alert(a instanceof Object)  // true
如上，會(huì)返回 true，同時(shí) alert(a instanceof Object) 也會(huì)返回 true;這是因?yàn)?Array 是 object 的子類(lèi)。

function test(){};
var a = new test();
alert(a instanceof test)   // true
細(xì)節(jié)：
1.如下，得到的結(jié)果為‘N’,這里的 instanceof 測(cè)試的 object 是指 js 語(yǔ)法中的 object，不是指 dom 模型對(duì)象。
if (window instanceof Object){ alert("Y")} else {  alert("N");}  // "N"
19、如何理解閉包？

定義和用法：當(dāng)一個(gè)函數(shù)的返回值是另外一個(gè)函數(shù)，而返回的那個(gè)函數(shù)如果調(diào)用了其父函數(shù)內(nèi)部的其它變量，如果返回的這個(gè)函數(shù)在外部被執(zhí)行，就產(chǎn)生了閉包。
表現(xiàn)形式：使函數(shù)外部能夠調(diào)用函數(shù)內(nèi)部定義的變量。
根據(jù)作用域鏈的規(guī)則，底層作用域沒(méi)有聲明的變量，會(huì)向上一級(jí)找，找到就返回，沒(méi)找到就一直找，直到window的變量，沒(méi)有就返回undefined。這里明顯count 是函數(shù)內(nèi)部的flag2 的那個(gè)count 。

    var count=10;   //全局作用域 標(biāo)記為flag1
    function add(){
        var count=0;    //函數(shù)全局作用域 標(biāo)記為flag2
        return function(){
            count+=1;   //函數(shù)的內(nèi)部作用域
            alert(count);
        }
    }
    var s = add()
    s();//輸出1
    s();//輸出2

變量的作用域
要理解閉包，首先必須理解Javascript特殊的變量作用域。
變量的作用域分類(lèi)：全局變量和局部變量。
特點(diǎn)：
1、函數(shù)內(nèi)部可以讀取函數(shù)外部的全局變量；在函數(shù)外部無(wú)法讀取函數(shù)內(nèi)的局部變量。
2、函數(shù)內(nèi)部聲明變量的時(shí)候，一定要使用var命令。如果不用的話(huà)，你實(shí)際上聲明了一個(gè)全局變量！
使用閉包的注意點(diǎn)

1、濫用閉包，會(huì)造成內(nèi)存泄漏：由于閉包會(huì)使得函數(shù)中的變量都被保存在內(nèi)存中，內(nèi)存消耗很大，所以不能濫用閉包，否則會(huì)造成網(wǎng)頁(yè)的性能問(wèn)題，在IE中可能導(dǎo)致內(nèi)存泄露。解決方法是，在退出函數(shù)之前，將不使用的局部變量全部刪除。
2、會(huì)改變父函數(shù)內(nèi)部變量的值。所以，如果你把父函數(shù)當(dāng)作對(duì)象（object）使用，把閉包當(dāng)作它的公用方法（Public Method），把內(nèi)部變量當(dāng)作它的私有屬性（private value），這時(shí)一定要小心，不要隨便改變父函數(shù)內(nèi)部變量的值。
20、什么是跨域？跨域請(qǐng)求資源的方法有哪些？


什么是跨域？
由于瀏覽器同源策略，凡是發(fā)送請(qǐng)求url的協(xié)議、域名、端口三者之間任意一與當(dāng)前頁(yè)面地址不同即為跨域。存在跨域的情況：

網(wǎng)絡(luò)協(xié)議不同，如http協(xié)議訪(fǎng)問(wèn)https協(xié)議。

端口不同，如80端口訪(fǎng)問(wèn)8080端口。

域名不同，如qianduanblog.com訪(fǎng)問(wèn)baidu.com。

子域名不同，如abc.qianduanblog.com訪(fǎng)問(wèn)def.qianduanblog.com。

域名和域名對(duì)應(yīng)ip,如www.a.com訪(fǎng)問(wèn)20.205.28.90.



跨域請(qǐng)求資源的方法：
1、porxy代理

    定義和用法：proxy代理用于將請(qǐng)求發(fā)送給后臺(tái)服務(wù)器，通過(guò)服務(wù)器來(lái)發(fā)送請(qǐng)求，然后將請(qǐng)求的結(jié)果傳遞給前端。

    實(shí)現(xiàn)方法：通過(guò)nginx代理；

    注意點(diǎn)：1、如果你代理的是https協(xié)議的請(qǐng)求，那么你的proxy首先需要信任該證書(shū)（尤其是自定義證書(shū)）或者忽略證書(shū)檢查，否則你的請(qǐng)求無(wú)法成功。

2、CORS 【Cross-Origin Resource Sharing】
    定義和用法：是現(xiàn)代瀏覽器支持跨域資源請(qǐng)求的一種最常用的方式。

    使用方法：一般需要后端人員在處理請(qǐng)求數(shù)據(jù)的時(shí)候，添加允許跨域的相關(guān)操作。如下：


res.writeHead(200, {
    "Content-Type": "text/html; charset=UTF-8",
    "Access-Control-Allow-Origin":"http://localhost",
    "Access-Control-Allow-Methods": "GET, POST, OPTIONS",
    "Access-Control-Allow-Headers": "X-Requested-With, Content-Type"
});
(3)、jsonp
定義和用法：通過(guò)動(dòng)態(tài)插入一個(gè)script標(biāo)簽。瀏覽器對(duì)script的資源引用沒(méi)有同源限制，同時(shí)資源加載到頁(yè)面后會(huì)立即執(zhí)行（沒(méi)有阻塞的情況下）。

特點(diǎn)：通過(guò)情況下，通過(guò)動(dòng)態(tài)創(chuàng)建script來(lái)讀取他域的動(dòng)態(tài)資源，獲取的數(shù)據(jù)一般為json格式。


缺點(diǎn)：

　　1、這種方式無(wú)法發(fā)送post請(qǐng)求（這里）

　　2、另外要確定jsonp的請(qǐng)求是否失敗并不容易，大多數(shù)框架的實(shí)現(xiàn)都是結(jié)合超時(shí)時(shí)間來(lái)判定。
        
21、談?wù)劺厥諜C(jī)制方式及內(nèi)存管理

定義和用法：垃圾回收機(jī)制(GC:Garbage Collection),執(zhí)行環(huán)境負(fù)責(zé)管理代碼執(zhí)行過(guò)程中使用的內(nèi)存。
原理：垃圾收集器會(huì)定期（周期性）找出那些不在繼續(xù)使用的變量，然后釋放其內(nèi)存。但是這個(gè)過(guò)程不是實(shí)時(shí)的，因?yàn)槠溟_(kāi)銷(xiāo)比較大，所以垃圾回收器會(huì)按照固定的時(shí)間間隔周期性的執(zhí)行。
實(shí)例如下：

function fn1() {
    var obj = {name: "hanzichi", age: 10};
}
function fn2() {
    var obj = {name:"hanzichi", age: 10};
   return obj;
}
var a = fn1();
var b = fn2();
fn1中定義的obj為局部變量，而當(dāng)調(diào)用結(jié)束后，出了fn1的環(huán)境，那么該塊內(nèi)存會(huì)被js引擎中的垃圾回收器自動(dòng)釋放；在fn2被調(diào)用的過(guò)程中，返回的對(duì)象被全局變量b所指向，所以該塊內(nèi)存并不會(huì)被釋放。


垃圾回收策略：標(biāo)記清除(較為常用)和引用計(jì)數(shù)。
標(biāo)記清除：
　　定義和用法：當(dāng)變量進(jìn)入環(huán)境時(shí)，將變量標(biāo)記"進(jìn)入環(huán)境"，當(dāng)變量離開(kāi)環(huán)境時(shí)，標(biāo)記為："離開(kāi)環(huán)境"。某一個(gè)時(shí)刻，垃圾回收器會(huì)過(guò)濾掉環(huán)境中的變量，以及被環(huán)境變量引用的變量，剩下的就是被視為準(zhǔn)備回收的變量。
　　到目前為止，IE、Firefox、Opera、Chrome、Safari的js實(shí)現(xiàn)使用的都是標(biāo)記清除的垃圾回收策略或類(lèi)似的策略，只不過(guò)垃圾收集的時(shí)間間隔互不相同。
引用計(jì)數(shù)：
　　定義和用法：引用計(jì)數(shù)是跟蹤記錄每個(gè)值被引用的次數(shù)。
　　基本原理：就是變量的引用次數(shù)，被引用一次則加1，當(dāng)這個(gè)引用計(jì)數(shù)為0時(shí)，被視為準(zhǔn)備回收的對(duì)象。


內(nèi)存管理
1、什么時(shí)候觸發(fā)垃圾回收？
垃圾回收器周期性運(yùn)行，如果分配的內(nèi)存非常多，那么回收工作也會(huì)很艱巨，確定垃圾回收時(shí)間間隔就變成了一個(gè)值得思考的問(wèn)題。

IE6的垃圾回收是根據(jù)內(nèi)存分配量運(yùn)行的，當(dāng)環(huán)境中的變量，對(duì)象，字符串達(dá)到一定數(shù)量時(shí)觸發(fā)垃圾回收。垃圾回收器一直處于工作狀態(tài)，嚴(yán)重影響瀏覽器性能。

IE7中，垃圾回收器會(huì)根據(jù)內(nèi)存分配量與程序占用內(nèi)存的比例進(jìn)行動(dòng)態(tài)調(diào)整，開(kāi)始回收工作。

2、合理的GC方案：(1)、遍歷所有可訪(fǎng)問(wèn)的對(duì)象; (2)、回收已不可訪(fǎng)問(wèn)的對(duì)象。
3、GC缺陷：(1)、停止響應(yīng)其他操作；
4、GC優(yōu)化策略：(1)、分代回收（Generation GC）;(2)、增量GC


開(kāi)發(fā)過(guò)程中遇到的內(nèi)存泄露情況，如何解決的？
1、定義和用法：
內(nèi)存泄露是指一塊被分配的內(nèi)存既不能使用，又不能回收，直到瀏覽器進(jìn)程結(jié)束。C#和Java等語(yǔ)言采用了自動(dòng)垃圾回收方法管理內(nèi)存，幾乎不會(huì)發(fā)生內(nèi)存泄露。我們知道，瀏覽器中也是采用自動(dòng)垃圾回收方法管理內(nèi)存，但由于瀏覽器垃圾回收方法有bug，會(huì)產(chǎn)生內(nèi)存泄露。

2、內(nèi)存泄露的幾種情況:
1.意外的全局變量引起的內(nèi)存泄露
function leak(){  
  leak="xxx";//leak成為一個(gè)全局變量，不會(huì)被回收  
}
2.閉包引起的內(nèi)存泄露

3.沒(méi)有清理的DOM元素引用

4.被遺忘的定時(shí)器或者回調(diào) 5）子元素存在引起的內(nèi)存泄露

(1)、當(dāng)頁(yè)面中元素被移除或替換時(shí)，若元素綁定的事件仍沒(méi)被移除，在IE中不會(huì)作出恰當(dāng)處理，此時(shí)要先手工移除事件，不然會(huì)存在內(nèi)存泄露。


實(shí)例如下：

    



解決方法如下：


    


(2)、由于是函數(shù)內(nèi)定義函數(shù)，并且內(nèi)部函數(shù)--事件回調(diào)的引用外暴了，形成了閉包。閉包可以維持函數(shù)內(nèi)局部變量，使其得不到釋放。
實(shí)例如下：
function bindEvent(){
    var obj=document.createElement("XXX");
    obj.onclick=function(){
        //Even if it"s a empty function
    }
}
解決方法如下：

function bindEvent(){
    var obj=document.createElement("XXX");
    obj.onclick=function(){
         //Even if it"s a empty function
    }
    obj=null;
}
22、如何判斷一個(gè)變量是對(duì)象還是數(shù)組？
判斷數(shù)組和對(duì)象分別都有好幾種方法，其中用Object.prototype.toString.call()兼容性最好。
23、定時(shí)器的執(zhí)行順序或機(jī)制。
因?yàn)閖s是單線(xiàn)程的，瀏覽器遇到setTimeout或者setInterval會(huì)先執(zhí)行完當(dāng)前的代碼塊，在此之前會(huì)把定時(shí)器推入瀏覽器的待執(zhí)行事件隊(duì)列里面，等到瀏覽器執(zhí)行完當(dāng)前代碼之后會(huì)看一下事件隊(duì)列里面有沒(méi)有任務(wù)，有的話(huà)才執(zhí)行定時(shí)器的代碼。 
所以即使把定時(shí)器的時(shí)間設(shè)置為0還是會(huì)先執(zhí)行當(dāng)前的一些代碼。
24、Javascript中callee和caller的作用？

caller是返回一個(gè)對(duì)函數(shù)的引用，該函數(shù)調(diào)用了當(dāng)前函數(shù)；caller返回調(diào)用者，指向當(dāng)前函數(shù)的直接父函數(shù)
callee是返回正在被執(zhí)行的function函數(shù)，也就是所指定的function對(duì)象的正文。callee是被執(zhí)行的function對(duì)象，他是arguments的一個(gè)屬性，就是指向當(dāng)前函數(shù)b的父函數(shù)a
callee, caller不建議使用，因?yàn)檫@兩個(gè)屬性在嚴(yán)格模式(use strict)下都不存在。

25、Web Storage與Cookie相比存在的優(yōu)勢(shì)：
(1)、存儲(chǔ)空間更大：IE8下每個(gè)獨(dú)立的存儲(chǔ)空間為10M，其他瀏覽器實(shí)現(xiàn)略有不同，但都比Cookie要大很多。

(2)、存儲(chǔ)內(nèi)容不會(huì)發(fā)送到服務(wù)器：當(dāng)設(shè)置了Cookie后，Cookie的內(nèi)容會(huì)隨著請(qǐng)求一并發(fā)送的服務(wù)器，這對(duì)于本地存儲(chǔ)的數(shù)據(jù)是一種帶寬浪費(fèi)。而Web Storage中的數(shù)據(jù)則僅僅是存在本地，不會(huì)與服務(wù)器發(fā)生任何交互。

(3)、更多豐富易用的接口：Web Storage提供了一套更為豐富的接口，如setItem,getItem,removeItem,clear等,使得數(shù)據(jù)操作更為簡(jiǎn)便。cookie需要自己封裝。

(4)、獨(dú)立的存儲(chǔ)空間：每個(gè)域（包括子域）有獨(dú)立的存儲(chǔ)空間，各個(gè)存儲(chǔ)空間是完全獨(dú)立的，因此不會(huì)造成數(shù)據(jù)混亂。

26、瀏覽器緩存有哪些，通常緩存有哪幾種
http緩存

websql

cookie

localstorage

sessionstorage


27、document.write和innerHTML的區(qū)別：
document.write是直接寫(xiě)入到頁(yè)面的內(nèi)容流，如果在寫(xiě)之前沒(méi)有調(diào)用document.open, 瀏覽器會(huì)自動(dòng)調(diào)用open。每次寫(xiě)完關(guān)閉之后重新調(diào)用該函數(shù)，會(huì)導(dǎo)致頁(yè)面被重寫(xiě)。

innerHTML則是DOM頁(yè)面元素的一個(gè)屬性，代表該元素的html內(nèi)容。你可以精確到某一個(gè)具體的元素來(lái)進(jìn)行更改。如果想修改document的內(nèi)容，則需要修改document.documentElement.innerElement。

innerHTML將內(nèi)容寫(xiě)入某個(gè)DOM節(jié)點(diǎn)，不會(huì)導(dǎo)致頁(yè)面全部重繪

28、xml和json的區(qū)別，請(qǐng)用四個(gè)詞語(yǔ)來(lái)形容
JSON相對(duì)于XML來(lái)講，數(shù)據(jù)的體積小，傳遞的速度更快些

JSON與JavaScript的交互更加方便，更容易解析處理，更好的數(shù)據(jù)交互

XML對(duì)數(shù)據(jù)描述性比較好；

JSON的速度要遠(yuǎn)遠(yuǎn)快于XML    


29、new操作符到底到了什么
var Func=function(){};  

var func=new Func ();  

new共經(jīng)過(guò)了4幾個(gè)階段

1、創(chuàng)建一個(gè)空對(duì)象
    var obj=new Object();  


2、設(shè)置原型鏈
    obj.__proto__= Func.prototype;  


3、讓Func中的this指向obj，并執(zhí)行Func的函數(shù)體。
    var result =Func.call(obj); 
    

4、判斷Func的返回值類(lèi)型：

    如果是值類(lèi)型，返回obj。如果是引用類(lèi)型，就返回這個(gè)引用類(lèi)型的對(duì)象。

    if (typeof(result) == "object"){  
        func=result;  
    }else{  
        func=obj;;  
    }      

(1) 創(chuàng)建一個(gè)新對(duì)象；
(2) 將構(gòu)造函數(shù)的作用域賦給新對(duì)象（因此 this 就指向了這個(gè)新對(duì)象） ；
(3) 執(zhí)行構(gòu)造函數(shù)中的代碼（為這個(gè)新對(duì)象添加屬性） ；
(4) 返回新對(duì)象。
30、簡(jiǎn)述同步和異步的區(qū)別
同步是阻塞模式，異步是非阻塞模式。

同步就是指一個(gè)進(jìn)程在執(zhí)行某個(gè)請(qǐng)求的時(shí)候，若該請(qǐng)求需要一段時(shí)間才能返回信息，那么這個(gè)進(jìn)程將會(huì)一直等待下去，直到收到返回信息才繼續(xù)執(zhí)行下去；

異步是指進(jìn)程不需要一直等下去，而是繼續(xù)執(zhí)行下面的操作，不管其他進(jìn)程的狀態(tài)。當(dāng)有消息返回時(shí)系統(tǒng)會(huì)通知進(jìn)程進(jìn)行處理，這樣可以提高執(zhí)行的效率。

31、sessionStorage 、localStorage 和 cookie 之間的區(qū)別
共同點(diǎn)：用于瀏覽器端存儲(chǔ)的緩存數(shù)據(jù)

不同點(diǎn)：

(1)、存儲(chǔ)內(nèi)容是否發(fā)送到服務(wù)器端：當(dāng)設(shè)置了Cookie后，數(shù)據(jù)會(huì)發(fā)送到服務(wù)器端，造成一定的寬帶浪費(fèi)；

    web storage,會(huì)將數(shù)據(jù)保存到本地，不會(huì)造成寬帶浪費(fèi)；

(2)、數(shù)據(jù)存儲(chǔ)大小不同：Cookie數(shù)據(jù)不能超過(guò)4K,適用于會(huì)話(huà)標(biāo)識(shí)；web storage數(shù)據(jù)存儲(chǔ)可以達(dá)到5M;

(3)、數(shù)據(jù)存儲(chǔ)的有效期限不同：cookie只在設(shè)置了Cookid過(guò)期時(shí)間之前一直有效，即使關(guān)閉窗口或者瀏覽器；

    sessionStorage,僅在關(guān)閉瀏覽器之前有效；localStorage,數(shù)據(jù)存儲(chǔ)永久有效；

(4)、作用域不同：cookie和localStorage是在同源同窗口中都是共享的；sessionStorage在不同的瀏覽器窗口中不共享，即使是同一個(gè)頁(yè)面；