資訊專欄INFORMATION COLUMN
摘要：相當(dāng)于繞過(guò)了瀏覽器端，自然就不存在跨域問(wèn)題。三者的區(qū)別與服務(wù)器的交互數(shù)據(jù)始終在同源的請(qǐng)求中攜帶即使不需要，即在瀏覽器和服務(wù)器間來(lái)回傳遞。而和不會(huì)自動(dòng)把數(shù)據(jù)發(fā)給服務(wù)器，僅在本地保存。和雖然也有存儲(chǔ)大小的限制，但比大得多，可以達(dá)到或更大。
本文提供最簡(jiǎn)便的解答方式，方便快速記憶，復(fù)盤，詳細(xì)答案可自己再搜一下。js基礎(chǔ)知識(shí) 1. javascript typeof返會(huì)的數(shù)據(jù)類型有哪些
object,string,undefined,number,function,boolean
基本數(shù)據(jù)類型：2. 列舉三種強(qiáng)制類型轉(zhuǎn)換和兩種隱式類型轉(zhuǎn)換
string,number,boolean,undefined,null
parseInt(),parseFloat(),Number()
==,!!
var array = new Array() var array = []
Array.of(1,2) //[1,2]
這是es6新增的一個(gè)Array方法，創(chuàng)建一個(gè)具有可變數(shù)量參數(shù)的新數(shù)組實(shí)例，而不考慮參數(shù)的數(shù)量或類型。
（感謝 haru 的寶貴建議）
console.log(arr instanceof Array)
console.log(arr.construct === Array)
console.log(Array.isArray(arr))
5. pop(),push(),unshift(),shift()pop()尾部刪除
push()尾部插入
unshift()頭部插入
shift()頭部刪除
6. DOM0 DOM2dom0級(jí)
不支持添加多個(gè)事件，后面的會(huì)覆蓋前面的
無(wú)法取消
var btn = document.getElementById("button");
btn.onclick = function(){
alert(1);
}
btn.onclick = function(){
alert(2);
} //只彈出2
dom2
可以添加多個(gè)事件
不兼容低版本IE
支持事件冒泡，事件捕獲
var btn = document.getElementById("button");
btn.addEventListener("click",function(){
alert("1");
})
btn.addEventListener("click",function(){
alert("2");
}) //先彈出1，再?gòu)棾?
7. IE和DOM事件流的區(qū)別
執(zhí)行順序不一樣
參數(shù)不一樣 低版本ie沒(méi)有回調(diào)函數(shù)，只能進(jìn)行冒泡
第一個(gè)參數(shù)是否加"on",低版本IE不支持addEventListener(),支持attachEvent,第一個(gè)參數(shù)需要加"on"
this指向問(wèn)題，IE指向windows,不指向觸發(fā)的函數(shù)
8. IE標(biāo)準(zhǔn)下有哪些兼容性寫法var ev = ev||window.event document.documentElement.clientWidth||document.body.clientWidth var target = ev.srcElement||ev.target9. call apply bind
改變this的指向，
其中call的寫法
function add(a,b)
{
alert(a+b);
}
function sub(a,b)
{
alert(a-b);
}
add.call(sub,3,1);
這個(gè)例子中的意思就是用 add 來(lái)替換 sub，add.call(sub,3,1) == add(3,1) ，所以運(yùn)行結(jié)果為：alert(4); // 注意：js 中的函數(shù)其實(shí)是對(duì)象，函數(shù)名是對(duì) Function 對(duì)象的引用。
apply寫法
function add(a,b)
{
alert(a+b);
}
function sub(a,b)
{
alert(a-b);
}
add.apply(sub,[4,2]);
不同就在于第二個(gè)參數(shù)，apply寫成數(shù)組
bind寫法
function add(a,b)
{
alert(a+b);
}
function sub(a,b)
{
alert(a-b);
}
add.bind(sub,4,2)();
bind是返回了一個(gè)改變上下文的一個(gè)函數(shù)，可以稍后調(diào)用，而apply，call是立即執(zhí)行函數(shù)
10. b繼承a的方法（js面向?qū)ο髲?fù)習(xí)）原型鏈繼承
構(gòu)造函數(shù)繼承
實(shí)例繼承
組合繼承
拷貝繼承
寄生組合繼承
11. 如何阻止事件冒泡和默認(rèn)事件cancelBubble(IE),
return false,
event.preventDefault,
event.stopPropagation()
12. 添加 刪除 替換 插入到某個(gè)DOM節(jié)點(diǎn)的方法obj.appendChild()
obj.insertBefore()
obj.replace()
obj.remove()
13. window.onload和$(document).ready的區(qū)別window.onload只能出現(xiàn)一次，$(document).ready能出現(xiàn)多次
window.onload需要等所有文件都加載完才開(kāi)始加載，$(document).ready只需等文檔結(jié)構(gòu)加載完了就開(kāi)始加載
14. == 和 === 區(qū)別前者會(huì)自動(dòng)轉(zhuǎn)換類型
后者不會(huì)
跨域是什么：實(shí)際上就是一個(gè)網(wǎng)站不能執(zhí)行其他網(wǎng)站上的網(wǎng)址，是由瀏覽器同源策略造成的，是瀏覽器對(duì)js施加的安全限制
所謂同源，實(shí)際上是指域名，協(xié)議，端口都相同
也就是說(shuō)當(dāng)，域名或者協(xié)議，或者端口不同的時(shí)候，就是跨域，
jsonp
json with padding,是一種json的一種使用模式
產(chǎn)生的原因，ajax不支持跨域，由于瀏覽器的同源策略，但是script的src支持跨域
主要的原理是動(dòng)態(tài)創(chuàng)建一個(gè)script標(biāo)簽的，通過(guò)src調(diào)用服務(wù)器提供的js腳本，該腳本的內(nèi)容是一個(gè)函數(shù)調(diào)用，該函數(shù)在本地js文件中進(jìn)行定義，其中的參數(shù)就是，本地函數(shù)請(qǐng)求的數(shù)據(jù)，也就是服務(wù)器所將返回的數(shù)據(jù)
與ajax的不同，ajax是通過(guò)xhr獲取非本頁(yè)面的數(shù)據(jù)內(nèi)容，而jsonp獲取的是服務(wù)器提供js腳本
代理
例如www.123.com/index.html需要調(diào)用
www.456.com/server.php，可以寫一個(gè)接口
www.123.com/server.php，由這個(gè)接口在后端去調(diào)用
www.456.com/server.php并拿到返回值，然后再返回給 index.html，這就是一個(gè)代理的模式。相當(dāng)于繞過(guò)了瀏覽器端，自然就不存在跨域問(wèn)題。
PHP端修改header（XHR2方式）16. javascript是一種什么樣的語(yǔ)言
在php接口腳本中加入以下兩句即可：
header("Access-Control-Allow-Origin:*");//允許所有來(lái)源訪問(wèn)
header("Access-Control-Allow-Method:POST,GET");//允許訪問(wèn)的方式
解釋性腳本語(yǔ)言，代碼不進(jìn)行預(yù)編譯
主要用來(lái)向HTML頁(yè)面添加交互行為
可以直接嵌入HTML頁(yè)面，但多帶帶寫成js文件有利于結(jié)構(gòu)和行為的分離
跨平臺(tái)性，在絕大多數(shù)瀏覽器支持下，可以在多種平臺(tái)下運(yùn)行，linux,windows
17. javascript基本數(shù)據(jù)類型和引用數(shù)據(jù)類型基本類型 undefind null number string boolean
基本類型的值是不能改變的
基本類型不能添加屬性和方法
基本類型的比較是值的比較
基本類型變量存放在棧區(qū)（棧內(nèi)存）
也就是說(shuō)基本類型在賦值操作后，兩個(gè)變量是相互不受影響的。
引用類型 object Function Array
引用類型可以添加屬性和方法，屬性方法內(nèi)又可以添加基本類型
引用類型的值是可變的
引用類型的值時(shí)同時(shí)保存在棧內(nèi)存和堆內(nèi)存里的對(duì)象，準(zhǔn)確地說(shuō)，引用類型的存儲(chǔ)需要內(nèi)存的棧區(qū)和堆區(qū)（堆區(qū)是指內(nèi)存里的堆內(nèi)存）共同完成，棧區(qū)內(nèi)存保存變量標(biāo)識(shí)符和指向堆內(nèi)存中該對(duì)象的指針，
引用類型的比較是引用的比較 引用類型時(shí)按引用訪問(wèn)的，換句話說(shuō)就是比較兩個(gè)對(duì)象的堆內(nèi)存中的地址是否相同，那很明顯，person1和person2在堆內(nèi)存中地址是不同的
引用類型的賦值其實(shí)是對(duì)象保存在棧區(qū)地址指針的賦值，因此兩個(gè)變量指向同一個(gè)對(duì)象，任何的操作都會(huì)相互影響
18. js原生不要與jq搞混document.getELementById("ID").value
獲取值的時(shí)候原生不是方法，不帶括號(hào)
獲取所有checkbox
var boxs =document.getELementsByTagName("input");
var boxArray = [];
var len = boxs.length;
while(len--){
if(boxs[len].type == "checkbox"){
boxArray.push(boxs[len]);
}
}
設(shè)置div html內(nèi)容以及設(shè)置樣式
var dom = document.getElementById("ID");
dom.innerHTML = "xxxx"
dom.style.color="#000"
19. DOM,BOM
javascript由ECMAScript,DOM,BOM三部分組成，
ECMAScript也是一種語(yǔ)言，也就是對(duì)規(guī)定的語(yǔ)法，操作，關(guān)鍵字，語(yǔ)句等的一個(gè)描述，javascript實(shí)現(xiàn)了ECMAScript
DOM是文檔對(duì)象模型，包括了獲取元素，修改樣式，操作元素三方面內(nèi)容，也是我們進(jìn)行最多的操作，有很多兼容性寫法
BOM是瀏覽器對(duì)象模型，包括瀏覽器的一些操作，window.onload,window.open等還有瀏覽器事件，監(jiān)聽(tīng)窗口的改變onresize,監(jiān)聽(tīng)滾動(dòng)事件onscroll等
20. null和undefind的區(qū)別null是表示一個(gè)空的對(duì)象，轉(zhuǎn)為數(shù)值為0，undefind表示一個(gè)空的原始值，轉(zhuǎn)為數(shù)值為NAN
undefind指本該有一個(gè)值，但卻并有定義，null表示沒(méi)有對(duì)象，不應(yīng)該有值
21. XML和JSON的區(qū)別JSON相對(duì)于XML來(lái)講傳遞速度更快，因?yàn)楣饪创a量就能看出
JSON與js的交互更容易，解析更方便
22. 實(shí)現(xiàn)多個(gè)標(biāo)簽之間的通信調(diào)用localStorage,cookies等本地存儲(chǔ)進(jìn)行存儲(chǔ)相關(guān)信息
三者的共同點(diǎn)：都保存在瀏覽器。
三者的區(qū)別：
與服務(wù)器的交互
cookie數(shù)據(jù)始終在同源的http請(qǐng)求中攜帶（即使不需要），即cookie在瀏覽器和服務(wù)器間來(lái)回傳遞。
而sessionStorage和localStorage不會(huì)自動(dòng)把數(shù)據(jù)發(fā)給服務(wù)器，僅在本地保存。cookie數(shù)據(jù)還有路徑（path）的概念，可以限制cookie只屬于某個(gè)路徑下。
存儲(chǔ)大小限制也不同，
cookie數(shù)據(jù)不能超過(guò)4k，同時(shí)因?yàn)槊看蝖ttp請(qǐng)求都會(huì)攜帶cookie，所以cookie只適合保存很小的數(shù)據(jù)，如會(huì)話標(biāo)識(shí)。
sessionStorage和localStorage 雖然也有存儲(chǔ)大小的限制，但比cookie大得多，可以達(dá)到5M或更大。
數(shù)據(jù)有效期不同，
sessionStorage：僅在當(dāng)前瀏覽器窗口關(guān)閉前有效，自然也就不可能持久保持；
localStorage：始終有效，窗口或?yàn)g覽器關(guān)閉也一直保存，因此用作持久數(shù)據(jù)；
cookie只在設(shè)置的cookie過(guò)期時(shí)間之前一直有效，即使窗口或?yàn)g覽器關(guān)閉。
作用域不同，
sessionStorage不在不同的瀏覽器窗口中共享，即使是同一個(gè)頁(yè)面；
localStorage 在所有同源窗口中都是共享的；
cookie也是在所有同源窗口中都是共享的。
23. 哪些操作會(huì)造成內(nèi)存泄露內(nèi)存泄露指任何對(duì)象在不再擁有或不再需要它之后依然存在
setTimeout第一個(gè)參數(shù)是字符串而不是函數(shù)的時(shí)候就會(huì)造成內(nèi)存泄露
閉包
控制臺(tái)日志
循環(huán)（兩個(gè)對(duì)象彼此引用且彼此保留）
24. js垃圾回收方式標(biāo)記清除：這是js最常用的垃圾回收方法，當(dāng)一個(gè)變量進(jìn)入執(zhí)行環(huán)境時(shí)，例如函數(shù)中聲明一個(gè)變量，將其標(biāo)記為進(jìn)入環(huán)境，當(dāng)變量離開(kāi)環(huán)境時(shí)，（函數(shù)執(zhí)行結(jié)束），標(biāo)記為離開(kāi)環(huán)境
引用計(jì)數(shù): 跟蹤記錄每個(gè)值被引用的次數(shù)，聲明一個(gè)變量，并將引用 類型賦值給這個(gè)變量，則這個(gè)值的引用次數(shù)+1，當(dāng)變量的值變成了另一個(gè)，則這個(gè)值的引用次數(shù)-1，當(dāng)值的引用次數(shù)為0的時(shí)候，就回收
25. 閉包函數(shù)嵌套函數(shù)
子級(jí)函數(shù)調(diào)用父級(jí)函數(shù)的參數(shù)或變量
經(jīng)典閉包
function outer(){
var a = 1;
function inner(){
alert(a);
}
return inner
}
var inn = outer();
inn();
點(diǎn)擊li返回li下標(biāo)
普通函數(shù)調(diào)用，指向windows
window.value=1;
function getValue(){
console.log(this.value);
}
getValue();//輸出1，此時(shí)的this指向window
