JavaScript
-
介紹js的基本數(shù)據(jù)類(lèi)型。
Undefined、Null、Boolean、Number、String、 ECMAScript 2015 新增:Symbol(創(chuàng)建后獨(dú)一無(wú)二且不可變的數(shù)據(jù)類(lèi)型 ) -
介紹js有哪些內(nèi)置對(duì)象？
Object 是 JavaScript 中所有對(duì)象的父對(duì)象 數(shù)據(jù)封裝類(lèi)對(duì)象：Object、Array、Boolean、Number 和 String 其他對(duì)象：Function、Arguments、Math、Date、RegExp、Error 參考：http://www.ibm.com/developerworks/cn/web/wa-objectsinjs-v1b/index.html -
說(shuō)幾條寫(xiě)JavaScript的基本規(guī)范？
1.不要在同一行聲明多個(gè)變量。 2.請(qǐng)使用 ===/!==來(lái)比較true/false或者數(shù)值 3.使用對(duì)象字面量替代new Array這種形式 4.不要使用全局函數(shù)。 5.Switch語(yǔ)句必須帶有default分支 6.函數(shù)不應(yīng)該有時(shí)候有返回值，有時(shí)候沒(méi)有返回值。 7.For循環(huán)必須使用大括號(hào) 8.If語(yǔ)句必須使用大括號(hào) 9.for-in循環(huán)中的變量 應(yīng)該使用var關(guān)鍵字明確限定作用域，從而避免作用域污染。 -
JavaScript原型，原型鏈 ? 有什么特點(diǎn)？
每個(gè)對(duì)象都會(huì)在其內(nèi)部初始化一個(gè)屬性，就是prototype(原型)，當(dāng)我們?cè)L問(wèn)一個(gè)對(duì)象的屬性時(shí)， 如果這個(gè)對(duì)象內(nèi)部不存在這個(gè)屬性，那么他就會(huì)去prototype里找這個(gè)屬性，這個(gè)prototype又會(huì)有自己的prototype， 于是就這樣一直找下去，也就是我們平時(shí)所說(shuō)的原型鏈的概念。 關(guān)系：instance.constructor.prototype = instance.__proto__ 特點(diǎn)： JavaScript對(duì)象是通過(guò)引用來(lái)傳遞的，我們創(chuàng)建的每個(gè)新對(duì)象實(shí)體中并沒(méi)有一份屬于自己的原型副本。當(dāng)我們修改原型時(shí)，與之相關(guān)的對(duì)象也會(huì)繼承這一改變。 當(dāng)我們需要一個(gè)屬性的時(shí)，Javascript引擎會(huì)先看當(dāng)前對(duì)象中是否有這個(gè)屬性， 如果沒(méi)有的話， 就會(huì)查找他的Prototype對(duì)象是否有這個(gè)屬性，如此遞推下去，一直檢索到 Object 內(nèi)建對(duì)象。 function Func(){} Func.prototype.name = "Sean"; Func.prototype.getInfo = function() { return this.name; } var person = new Func();//現(xiàn)在可以參考var person = Object.create(oldObject); console.log(person.getInfo());//它擁有了Func的屬性和方法 //"Sean" console.log(Func.prototype); // Func { name="Sean", getInfo=function()} -
JavaScript有幾種類(lèi)型的值？，你能畫(huà)一下他們的內(nèi)存圖嗎？
棧：原始數(shù)據(jù)類(lèi)型（Undefined，Null，Boolean，Number、String） 堆：引用數(shù)據(jù)類(lèi)型（對(duì)象、數(shù)組和函數(shù)） 兩種類(lèi)型的區(qū)別是：存儲(chǔ)位置不同； 原始數(shù)據(jù)類(lèi)型直接存儲(chǔ)在棧(stack)中的簡(jiǎn)單數(shù)據(jù)段，占據(jù)空間小、大小固定，屬于被頻繁使用數(shù)據(jù)，所以放入棧中存儲(chǔ)； 引用數(shù)據(jù)類(lèi)型存儲(chǔ)在堆(heap)中的對(duì)象,占據(jù)空間大、大小不固定。如果存儲(chǔ)在棧中，將會(huì)影響程序運(yùn)行的性能；引用數(shù)據(jù)類(lèi)型在棧中存儲(chǔ)了指針，該指針指向堆中該實(shí)體的起始地址。當(dāng)解釋器尋找引用值時(shí)，會(huì)首先檢索其在棧中的地址，取得地址后從堆中獲得實(shí)體Stated Clearly Image -
如何將字符串轉(zhuǎn)化為數(shù)字，例如'12.3b'?
* parseFloat('12.3b'); * 正則表達(dá)式，'12.3b'.match(/(\d)+(\.)?(\d)+/g)[0] * 1, 但是這個(gè)不太靠譜，提供一種思路而已。 -
如何將浮點(diǎn)數(shù)點(diǎn)左邊的數(shù)每三位添加一個(gè)逗號(hào)，如12000000.11轉(zhuǎn)化為『12,000,000.11』?
function commafy(num){ return num && num .toString() .replace(/(\d)(?=(\d{3})+\.)/g, function($1, $2){ return $2 + ','; }); } -
如何實(shí)現(xiàn)數(shù)組的隨機(jī)排序？
方法一： var arr = [1,2,3,4,5,6,7,8,9,10]; function randSort1(arr){ for(var i = 0,len = arr.length;i < len; i++ ){ var rand = parseInt(Math.random()*len); var temp = arr[rand]; arr[rand] = arr[i]; arr[i] = temp; } return arr; } console.log(randSort1(arr)); 方法二： var arr = [1,2,3,4,5,6,7,8,9,10]; function randSort2(arr){ var mixedArray = []; while(arr.length > 0){ var randomIndex = parseInt(Math.random()*arr.length); mixedArray.push(arr[randomIndex]); arr.splice(randomIndex, 1); } return mixedArray; } console.log(randSort2(arr)); 方法三： var arr = [1,2,3,4,5,6,7,8,9,10]; arr.sort(function(){ return Math.random() - 0.5; }) console.log(arr); -
Javascript如何實(shí)現(xiàn)繼承？
1、構(gòu)造繼承 2、原型繼承 3、實(shí)例繼承 4、拷貝繼承 原型prototype機(jī)制或apply和call方法去實(shí)現(xiàn)較簡(jiǎn)單，建議使用構(gòu)造函數(shù)與原型混合方式。 function Parent(){ this.name = 'wang'; } function Child(){ this.age = 28; } Child.prototype = new Parent();//繼承了Parent，通過(guò)原型 var demo = new Child(); alert(demo.age); alert(demo.name);//得到被繼承的屬性 -
javascript創(chuàng)建對(duì)象的幾種方式？
javascript創(chuàng)建對(duì)象簡(jiǎn)單的說(shuō),無(wú)非就是使用內(nèi)置對(duì)象或各種自定義對(duì)象，當(dāng)然還可以用JSON；但寫(xiě)法有很多種，也能混合使用。 1、對(duì)象字面量的方式 person={firstname:"Mark",lastname:"Yun",age:25,eyecolor:"black"}; 2、用function來(lái)模擬無(wú)參的構(gòu)造函數(shù) function Person(){} var person=new Person();//定義一個(gè)function，如果使用new"實(shí)例化",該function可以看作是一個(gè)Class person.name="Mark"; person.age="25"; person.work=function(){ alert(person.name+" hello..."); } person.work(); 3、用function來(lái)模擬參構(gòu)造函數(shù)來(lái)實(shí)現(xiàn)（用this關(guān)鍵字定義構(gòu)造的上下文屬性） function Pet(name,age,hobby){ this.name=name;//this作用域：當(dāng)前對(duì)象 this.age=age; this.hobby=hobby; this.eat=function(){ alert("我叫"+this.name+",我喜歡"+this.hobby+",是個(gè)程序員"); } } var maidou =new Pet("麥兜",25,"coding");//實(shí)例化、創(chuàng)建對(duì)象 maidou.eat();//調(diào)用eat方法 4、用工廠方式來(lái)創(chuàng)建（內(nèi)置對(duì)象） var wcDog =new Object(); wcDog.name="旺財(cái)"; wcDog.age=3; wcDog.work=function(){ alert("我是"+wcDog.name+",汪汪汪......"); } wcDog.work(); 5、用原型方式來(lái)創(chuàng)建 function Dog(){ } Dog.prototype.name="旺財(cái)"; Dog.prototype.eat=function(){ alert(this.name+"是個(gè)吃貨"); } var wangcai =new Dog(); wangcai.eat(); 5、用混合方式來(lái)創(chuàng)建 function Car(name,price){ this.name=name; this.price=price; } Car.prototype.sell=function(){ alert("我是"+this.name+"，我現(xiàn)在賣(mài)"+this.price+"萬(wàn)元"); } var camry =new Car("凱美瑞",27); camry.sell(); -
Javascript作用鏈域?
全局函數(shù)無(wú)法查看局部函數(shù)的內(nèi)部細(xì)節(jié)，但局部函數(shù)可以查看其上層的函數(shù)細(xì)節(jié)，直至全局細(xì)節(jié)。 當(dāng)需要從局部函數(shù)查找某一屬性或方法時(shí)，如果當(dāng)前作用域沒(méi)有找到，就會(huì)上溯到上層作用域查找， 直至全局函數(shù)，這種組織形式就是作用域鏈。 -
談?wù)凾his對(duì)象的理解。
this總是指向函數(shù)的直接調(diào)用者（而非間接調(diào)用者）；
如果有new關(guān)鍵字，this指向new出來(lái)的那個(gè)對(duì)象；
在事件中，this指向觸發(fā)這個(gè)事件的對(duì)象，特殊的是，IE中的attachEvent中的this總是指向全局對(duì)象Window； -
eval是做什么的？
它的功能是把對(duì)應(yīng)的字符串解析成JS代碼并運(yùn)行； 應(yīng)該避免使用eval，不安全，非常耗性能（2次，一次解析成js語(yǔ)句，一次執(zhí)行）。 由JSON字符串轉(zhuǎn)換為JSON對(duì)象的時(shí)候可以用eval，var obj =eval('('+ str +')'); -
什么是window對(duì)象? 什么是document對(duì)象?
window對(duì)象是指瀏覽器打開(kāi)的窗口。 document對(duì)象是Documentd對(duì)象（HTML 文檔對(duì)象）的一個(gè)只讀引用，window對(duì)象的一個(gè)屬性。 -
null，undefined 的區(qū)別？
null 表示一個(gè)對(duì)象是“沒(méi)有值”的值，也就是值為“空”； undefined 表示一個(gè)變量聲明了沒(méi)有初始化(賦值)； undefined不是一個(gè)有效的JSON，而null是； undefined的類(lèi)型(typeof)是undefined； null的類(lèi)型(typeof)是object； Javascript將未賦值的變量默認(rèn)值設(shè)為undefined； Javascript從來(lái)不會(huì)將變量設(shè)為null。它是用來(lái)讓程序員表明某個(gè)用var聲明的變量時(shí)沒(méi)有值的。 typeof undefined //"undefined" undefined :是一個(gè)表示"無(wú)"的原始值或者說(shuō)表示"缺少值"，就是此處應(yīng)該有一個(gè)值，但是還沒(méi)有定義。當(dāng)嘗試讀取時(shí)會(huì)返回 undefined； 例如變量被聲明了，但沒(méi)有賦值時(shí)，就等于undefined typeof null //"object" null : 是一個(gè)對(duì)象(空對(duì)象, 沒(méi)有任何屬性和方法)； 例如作為函數(shù)的參數(shù)，表示該函數(shù)的參數(shù)不是對(duì)象； 注意： 在驗(yàn)證null時(shí)，一定要使用 === ，因?yàn)?== 無(wú)法分別 null 和 undefined null == undefined // true null === undefined // false -
寫(xiě)一個(gè)通用的事件偵聽(tīng)器函數(shù)。
// event(事件)工具集，來(lái)源：github.com/markyun markyun.Event = { // 頁(yè)面加載完成后 readyEvent : function(fn) { if (fn==null) { fn=document; } var oldonload = window.onload; if (typeof window.onload != 'function') { window.onload = fn; } else { window.onload = function() { oldonload(); fn(); }; } }, // 視能力分別使用dom0||dom2||IE方式 來(lái)綁定事件 // 參數(shù)： 操作的元素,事件名稱 ,事件處理程序 addEvent : function(element, type, handler) { if (element.addEventListener) { //事件類(lèi)型、需要執(zhí)行的函數(shù)、是否捕捉 element.addEventListener(type, handler, false); } else if (element.attachEvent) { element.attachEvent('on' + type, function() { handler.call(element); }); } else { element['on' + type] = handler; } }, // 移除事件 removeEvent : function(element, type, handler) { if (element.removeEventListener) { element.removeEventListener(type, handler, false); } else if (element.datachEvent) { element.detachEvent('on' + type, handler); } else { element['on' + type] = null; } }, // 阻止事件 (主要是事件冒泡，因?yàn)镮E不支持事件捕獲) stopPropagation : function(ev) { if (ev.stopPropagation) { ev.stopPropagation(); } else { ev.cancelBubble = true; } }, // 取消事件的默認(rèn)行為 preventDefault : function(event) { if (event.preventDefault) { event.preventDefault(); } else { event.returnValue = false; } }, // 獲取事件目標(biāo) getTarget : function(event) { return event.target || event.srcElement; }, // 獲取event對(duì)象的引用，取到事件的所有信息，確保隨時(shí)能使用event； getEvent : function(e) { var ev = e || window.event; if (!ev) { var c = this.getEvent.caller; while (c) { ev = c.arguments[0]; if (ev && Event == ev.constructor) { break; } c = c.caller; } } return ev; } }; -
["1", "2", "3"].map(parseInt) 答案是多少？
parseInt() 函數(shù)能解析一個(gè)字符串，并返回一個(gè)整數(shù)，需要兩個(gè)參數(shù) (val, radix)， 其中 radix 表示要解析的數(shù)字的基數(shù)?！驹撝到橛?2 ~ 36 之間，并且字符串中的數(shù)字不能大于radix才能正確返回?cái)?shù)字結(jié)果值】; 但此處 map 傳了 3 個(gè) (element, index, array),我們重寫(xiě)parseInt函數(shù)測(cè)試一下是否符合上面的規(guī)則。 function parseInt(str, radix) { return str+'-'+radix; }; var a=["1", "2", "3"]; a.map(parseInt); // ["1-0", "2-1", "3-2"] 不能大于radix 因?yàn)槎M(jìn)制里面，沒(méi)有數(shù)字3,導(dǎo)致出現(xiàn)超范圍的radix賦值和不合法的進(jìn)制解析，才會(huì)返回NaN 所以["1", "2", "3"].map(parseInt) 答案也就是：[1, NaN, NaN] 詳細(xì)解析：http://blog.csdn.net/justjavac/article/details/19473199 -
事件是？IE與火狐的事件機(jī)制有什么區(qū)別？ 如何阻止冒泡？
1. 我們?cè)诰W(wǎng)頁(yè)中的某個(gè)操作（有的操作對(duì)應(yīng)多個(gè)事件）。例如：當(dāng)我們點(diǎn)擊一個(gè)按鈕就會(huì)產(chǎn)生一個(gè)事件。是可以被 JavaScript 偵測(cè)到的行為。 2. 事件處理機(jī)制：IE是事件冒泡、Firefox同時(shí)支持兩種事件模型，也就是：捕獲型事件和冒泡型事件； 3. ev.stopPropagation();（舊ie的方法 ev.cancelBubble = true;） -
什么是閉包（closure），為什么要用它？
閉包是指有權(quán)訪問(wèn)另一個(gè)函數(shù)作用域中變量的函數(shù)，創(chuàng)建閉包的最常見(jiàn)的方式就是在一個(gè)函數(shù)內(nèi)創(chuàng)建另一個(gè)函數(shù)，通過(guò)另一個(gè)函數(shù)訪問(wèn)這個(gè)函數(shù)的局部變量,利用閉包可以突破作用鏈域，將函數(shù)內(nèi)部的變量和方法傳遞到外部。 閉包的特性： 1.函數(shù)內(nèi)再嵌套函數(shù) 2.內(nèi)部函數(shù)可以引用外層的參數(shù)和變量 3.參數(shù)和變量不會(huì)被垃圾回收機(jī)制回收 //li節(jié)點(diǎn)的onclick事件都能正確的彈出當(dāng)前被點(diǎn)擊的li索引 <ul id="testUL"> <li> index = 0</li> <li> index = 1</li> <li> index = 2</li> <li> index = 3</li> </ul> <script type="text/javascript"> var nodes = document.getElementsByTagName("li"); for(i = 0;i<nodes.length;i+= 1){ nodes[i].onclick = (function(i){ return function() { console.log(i); } //不用閉包的話，值每次都是4 })(i); } </script> 執(zhí)行say667()后,say667()閉包內(nèi)部變量會(huì)存在,而閉包內(nèi)部函數(shù)的內(nèi)部變量不會(huì)存在 使得Javascript的垃圾回收機(jī)制GC不會(huì)收回say667()所占用的資源 因?yàn)閟ay667()的內(nèi)部函數(shù)的執(zhí)行需要依賴say667()中的變量 這是對(duì)閉包作用的非常直白的描述 function say667() { // Local variable that ends up within closure var num = 666; var sayAlert = function() { alert(num); } num++; return sayAlert; } var sayAlert = say667(); sayAlert()//執(zhí)行結(jié)果應(yīng)該彈出的667 -
javascript 代碼中的"use strict";是什么意思 ? 使用它區(qū)別是什么？
use strict是一種ECMAscript 5 添加的（嚴(yán)格）運(yùn)行模式,這種模式使得 Javascript 在更嚴(yán)格的條件下運(yùn)行, 使JS編碼更加規(guī)范化的模式,消除Javascript語(yǔ)法的一些不合理、不嚴(yán)謹(jǐn)之處，減少一些怪異行為。 默認(rèn)支持的糟糕特性都會(huì)被禁用，比如不能用with，也不能在意外的情況下給全局變量賦值; 全局變量的顯示聲明,函數(shù)必須聲明在頂層，不允許在非函數(shù)代碼塊內(nèi)聲明函數(shù),arguments.callee也不允許使用； 消除代碼運(yùn)行的一些不安全之處，保證代碼運(yùn)行的安全,限制函數(shù)中的arguments修改，嚴(yán)格模式下的eval函數(shù)的行為和非嚴(yán)格模式的也不相同; 提高編譯器效率，增加運(yùn)行速度； 為未來(lái)新版本的Javascript標(biāo)準(zhǔn)化做鋪墊。 -
如何判斷一個(gè)對(duì)象是否屬于某個(gè)類(lèi)？
使用instanceof （待完善） if(a instanceof Person){ alert('yes'); } -
new操作符具體干了什么呢?
1、創(chuàng)建一個(gè)空對(duì)象，并且 this 變量引用該對(duì)象，同時(shí)還繼承了該函數(shù)的原型。 2、屬性和方法被加入到 this 引用的對(duì)象中。 3、新創(chuàng)建的對(duì)象由 this 所引用，并且最后隱式的返回 this 。 var obj = {}; obj.__proto__ = Base.prototype; Base.call(obj); 用原生JavaScript的實(shí)現(xiàn)過(guò)什么功能嗎？
-
Javascript中，有一個(gè)函數(shù)，執(zhí)行時(shí)對(duì)象查找時(shí)，永遠(yuǎn)不會(huì)去查找原型，這個(gè)函數(shù)是？
hasOwnProperty javaScript中hasOwnProperty函數(shù)方法是返回一個(gè)布爾值，指出一個(gè)對(duì)象是否具有指定名稱的屬性。此方法無(wú)法檢查該對(duì)象的原型鏈中是否具有該屬性；該屬性必須是對(duì)象本身的一個(gè)成員。 使用方法： object.hasOwnProperty(proName) 其中參數(shù)object是必選項(xiàng)。一個(gè)對(duì)象的實(shí)例。 proName是必選項(xiàng)。一個(gè)屬性名稱的字符串值。 如果 object 具有指定名稱的屬性，那么JavaScript中hasOwnProperty函數(shù)方法返回 true，反之則返回 false。 -
JSON 的了解？
JSON(JavaScript Object Notation) 是一種輕量級(jí)的數(shù)據(jù)交換格式。 它是基于JavaScript的一個(gè)子集。數(shù)據(jù)格式簡(jiǎn)單, 易于讀寫(xiě), 占用帶寬小 如：{"age":"12", "name":"back"} JSON字符串轉(zhuǎn)換為JSON對(duì)象: var obj =eval('('+ str +')'); var obj = str.parseJSON(); var obj = JSON.parse(str); JSON對(duì)象轉(zhuǎn)換為JSON字符串： var last=obj.toJSONString(); var last=JSON.stringify(obj); [].forEach.call($$("*"),function(a){a.style.outline="1px solid #"+(~~(Math.random()*(1<<24))).toString(16)})能解釋一下這段代碼的意思嗎？
-
js延遲加載的方式有哪些？
defer和async、動(dòng)態(tài)創(chuàng)建DOM方式（用得最多）、按需異步載入js -
Ajax 是什么? 如何創(chuàng)建一個(gè)Ajax？
ajax的全稱：Asynchronous Javascript And XML。 異步傳輸+js+xml。 所謂異步，在這里簡(jiǎn)單地解釋就是：向服務(wù)器發(fā)送請(qǐng)求的時(shí)候，我們不必等待結(jié)果，而是可以同時(shí)做其他的事情，等到有了結(jié)果它自己會(huì)根據(jù)設(shè)定進(jìn)行后續(xù)操作，與此同時(shí)，頁(yè)面是不會(huì)發(fā)生整頁(yè)刷新的，提高了用戶體驗(yàn)。 (1)創(chuàng)建XMLHttpRequest對(duì)象,也就是創(chuàng)建一個(gè)異步調(diào)用對(duì)象 (2)創(chuàng)建一個(gè)新的HTTP請(qǐng)求,并指定該HTTP請(qǐng)求的方法、URL及驗(yàn)證信息 (3)設(shè)置響應(yīng)HTTP請(qǐng)求狀態(tài)變化的函數(shù) (4)發(fā)送HTTP請(qǐng)求 (5)獲取異步調(diào)用返回的數(shù)據(jù) (6)使用JavaScript和DOM實(shí)現(xiàn)局部刷新 -
Ajax 解決瀏覽器緩存問(wèn)題？
1、在ajax發(fā)送請(qǐng)求前加上 anyAjaxObj.setRequestHeader("If-Modified-Since","0")。 2、在ajax發(fā)送請(qǐng)求前加上 anyAjaxObj.setRequestHeader("Cache-Control","no-cache")。 3、在URL后面加上一個(gè)隨機(jī)數(shù)： "fresh=" + Math.random();。 4、在URL后面加上時(shí)間戳："nowtime=" + new Date().getTime();。 5、如果是使用jQuery，直接這樣就可以了 $.ajaxSetup({cache:false})。這樣頁(yè)面的所有ajax都會(huì)執(zhí)行這條語(yǔ)句就是不需要保存緩存記錄。 -
同步和異步的區(qū)別?
同步的概念應(yīng)該是來(lái)自于OS中關(guān)于同步的概念:不同進(jìn)程為協(xié)同完成某項(xiàng)工作而在先后次序上調(diào)整(通過(guò)阻塞,喚醒等方式).同步強(qiáng)調(diào)的是順序性.誰(shuí)先誰(shuí)后.異步則不存在這種順序性.
同步：瀏覽器訪問(wèn)服務(wù)器請(qǐng)求，用戶看得到頁(yè)面刷新，重新發(fā)請(qǐng)求,等請(qǐng)求完，頁(yè)面刷新，新內(nèi)容出現(xiàn)，用戶看到新內(nèi)容,進(jìn)行下一步操作。
異步：瀏覽器訪問(wèn)服務(wù)器請(qǐng)求，用戶正常操作，瀏覽器后端進(jìn)行請(qǐng)求。等請(qǐng)求完，頁(yè)面不刷新，新內(nèi)容也會(huì)出現(xiàn)，用戶看到新內(nèi)容。
-
如何解決跨域問(wèn)題?
jsonp、 iframe、window.name、window.postMessage、服務(wù)器上設(shè)置代理頁(yè)面 -
異步加載JS的方式有哪些？
(1) defer，只支持IE (2) async： (3) 創(chuàng)建script，插入到DOM中，加載完畢后callBack -
documen.write和 innerHTML的區(qū)別
document.write只能重繪整個(gè)頁(yè)面 innerHTML可以重繪頁(yè)面的一部分 -
DOM操作——怎樣添加、移除、移動(dòng)、復(fù)制、創(chuàng)建和查找節(jié)點(diǎn)?
（1）創(chuàng)建新節(jié)點(diǎn) createDocumentFragment() //創(chuàng)建一個(gè)DOM片段 createElement() //創(chuàng)建一個(gè)具體的元素 createTextNode() //創(chuàng)建一個(gè)文本節(jié)點(diǎn) （2）添加、移除、替換、插入 appendChild() removeChild() replaceChild() insertBefore() //在已有的子節(jié)點(diǎn)前插入一個(gè)新的子節(jié)點(diǎn) （3）查找 getElementsByTagName() //通過(guò)標(biāo)簽名稱 getElementsByName() //通過(guò)元素的Name屬性的值(IE容錯(cuò)能力較強(qiáng)，會(huì)得到一個(gè)數(shù)組，其中包括id等于name值的) getElementById() //通過(guò)元素Id，唯一性 .call() 和 .apply() 的區(qū)別？
例子中用 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ì)象的引用。
function add(a,b)
{
alert(a+b);
}
function sub(a,b)
{
alert(a-b);
}
add.call(sub,3,1);
-
jquery.extend 與 jquery.fn.extend的區(qū)別？
* jquery.extend 為jquery類(lèi)添加類(lèi)方法，可以理解為添加靜態(tài)方法 * jquery.fn.extend: 源碼中jquery.fn = jquery.prototype，所以對(duì)jquery.fn的擴(kuò)展，就是為jquery類(lèi)添加成員函數(shù) 使用： jquery.extend擴(kuò)展，需要通過(guò)jquery類(lèi)來(lái)調(diào)用，而jquery.fn.extend擴(kuò)展，所有jquery實(shí)例都可以直接調(diào)用。 Jquery與jQuery UI 有啥區(qū)別？
*jQuery是一個(gè)js庫(kù)，主要提供的功能是選擇器，屬性修改和事件綁定等等。
*jQuery UI則是在jQuery的基礎(chǔ)上，利用jQuery的擴(kuò)展性，設(shè)計(jì)的插件。
提供了一些常用的界面元素，諸如對(duì)話框、拖動(dòng)行為、改變大小行為等等
-
針對(duì) jQuery 的優(yōu)化方法？
*基于Class的選擇性的性能相對(duì)于Id選擇器開(kāi)銷(xiāo)很大，因?yàn)樾璞闅v所有DOM元素。 *頻繁操作的DOM，先緩存起來(lái)再操作。用Jquery的鏈?zhǔn)秸{(diào)用更好。 比如：var str=$("a").attr("href"); *for (var i = size; i < arr.length; i++) {} for 循環(huán)每一次循環(huán)都查找了數(shù)組 (arr) 的.length 屬性，在開(kāi)始循環(huán)的時(shí)候設(shè)置一個(gè)變量來(lái)存儲(chǔ)這個(gè)數(shù)字，可以讓循環(huán)跑得更快： for (var i = size, length = arr.length; i < length; i++) {} jQueryUI如何自定義組件?
需求：實(shí)現(xiàn)一個(gè)頁(yè)面操作不會(huì)整頁(yè)刷新的網(wǎng)站，并且能在瀏覽器前進(jìn)、后退時(shí)正確響應(yīng)。給出你的技術(shù)實(shí)現(xiàn)方案？
-
如何判斷當(dāng)前腳本運(yùn)行在瀏覽器還是node環(huán)境中？（阿里）
this === window ? 'browser' : 'node'; 通過(guò)判斷Global對(duì)象是否為window，如果不為window，當(dāng)前腳本沒(méi)有運(yùn)行在瀏覽器中 -
jQuery 的 slideUp動(dòng)畫(huà) ，如果目標(biāo)元素是被外部事件驅(qū)動(dòng), 當(dāng)鼠標(biāo)快速地連續(xù)觸發(fā)外部元素事件, 動(dòng)畫(huà)會(huì)滯后的反復(fù)執(zhí)行，該如何處理呢?
jquery stop(): 如：$("#div").stop().animate({width:"100px"},100); 把 Script 標(biāo)簽 放在頁(yè)面的最底部的body封閉之前 和封閉之后有什么區(qū)別？瀏覽器會(huì)如何解析它們？
移動(dòng)端的點(diǎn)擊事件的有延遲，時(shí)間是多久，為什么會(huì)有？ 怎么解決這個(gè)延時(shí)？（click 有 300ms 延遲,為了實(shí)現(xiàn)safari的雙擊事件的設(shè)計(jì)，瀏覽器要知道你是不是要雙擊操作。）
