說(shuō)說(shuō)你對(duì)閉包的理解

解決方法簡(jiǎn)單的出奇获印，只要在之間加入一個(gè)或者元素就可以了瘪板。

null和undefined的區(qū)別？

null是一個(gè)表示"無(wú)"的對(duì)象，轉(zhuǎn)為數(shù)值時(shí)為0匣掸；undefined是一個(gè)表示"無(wú)"的原始值疗杉，轉(zhuǎn)為數(shù)值時(shí)為NaN关噪。

當(dāng)聲明的變量還未被初始化時(shí)拿穴，變量的默認(rèn)值為undefined。 null用來(lái)表示尚未存在的對(duì)象全庸，常用來(lái)表示函數(shù)企圖返回一個(gè)不存在的對(duì)象秀仲。

undefined表示"缺少值"，就是此處應(yīng)該有一個(gè)值壶笼，但是還沒(méi)有定義神僵。典型用法是：

（1）變量被聲明了，但沒(méi)有賦值時(shí)覆劈，就等于undefined保礼。

（2) 調(diào)用函數(shù)時(shí)，應(yīng)該提供的參數(shù)沒(méi)有提供墩崩，該參數(shù)等于undefined。

（3）對(duì)象沒(méi)有賦值的屬性侯勉，該屬性的值為undefined鹦筹。

（4）函數(shù)沒(méi)有返回值時(shí)，默認(rèn)返回undefined址貌。

null表示"沒(méi)有對(duì)象"铐拐，即該處不應(yīng)該有值徘键。典型用法是：

（1） 作為函數(shù)的參數(shù)，表示該函數(shù)的參數(shù)不是對(duì)象遍蟋。

（2） 作為對(duì)象原型鏈的終點(diǎn)吹害。

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);

js延遲加載的方式有哪些？

defer和async何乎、動(dòng)態(tài)創(chuàng)建DOM方式（創(chuàng)建script句惯，插入到DOM中，加載完畢后callBack）支救、按需異步載入js

如何解決跨域問(wèn)題?

jsonp抢野、 document.domain+iframe、window.name搂妻、window.postMessage蒙保、服務(wù)器上設(shè)置代理頁(yè)面

jsonp的原理是動(dòng)態(tài)插入script標(biāo)簽

具體參見(jiàn)：詳解js跨域問(wèn)題

documen.write和 innerHTML的區(qū)別

document.write只能重繪整個(gè)頁(yè)面

innerHTML可以重繪頁(yè)面的一部分

.call() 和 .apply() 的區(qū)別和作用？

作用：動(dòng)態(tài)改變某個(gè)類的某個(gè)方法的運(yùn)行環(huán)境欲主。 區(qū)別參見(jiàn)：JavaScript學(xué)習(xí)總結(jié)（四）function函數(shù)部分

哪些操作會(huì)造成內(nèi)存泄漏邓厕？

內(nèi)存泄漏指任何對(duì)象在您不再擁有或需要它之后仍然存在。

垃圾回收器定期掃描對(duì)象扁瓢，并計(jì)算引用了每個(gè)對(duì)象的其他對(duì)象的數(shù)量详恼。如果一個(gè)對(duì)象的引用數(shù)量為 0（沒(méi)有其他對(duì)象引用過(guò)該對(duì)象），或?qū)υ搶?duì)象的惟一引用是循環(huán)的引几，那么該對(duì)象的內(nèi)存即可回收昧互。

setTimeout 的第一個(gè)參數(shù)使用字符串而非函數(shù)的話，會(huì)引發(fā)內(nèi)存泄漏伟桅。

閉包敞掘、控制臺(tái)日志、循環(huán)（在兩個(gè)對(duì)象彼此引用且彼此保留時(shí)楣铁，就會(huì)產(chǎn)生一個(gè)循環(huán)）

詳見(jiàn)：詳解js變量玖雁、作用域及內(nèi)存

JavaScript中的作用域與變量聲明提升？

詳見(jiàn)：詳解JavaScript函數(shù)模式

如何判斷當(dāng)前腳本運(yùn)行在瀏覽器還是node環(huán)境中盖腕？

通過(guò)判斷Global對(duì)象是否為window赫冬，如果不為window浓镜，當(dāng)前腳本沒(méi)有運(yùn)行在瀏覽器中

其他問(wèn)題？

你遇到過(guò)比較難的技術(shù)問(wèn)題是劲厌？你是如何解決的膛薛？

列舉IE 與其他瀏覽器不一樣的特性？

什么叫優(yōu)雅降級(jí)和漸進(jìn)增強(qiáng)补鼻？

優(yōu)雅降級(jí)：Web站點(diǎn)在所有新式瀏覽器中都能正常工作哄啄，如果用戶使用的是老式瀏覽器，則代碼會(huì)檢查以確認(rèn)它們是否能正常工作辽幌。由于IE獨(dú)特的盒模型布局問(wèn)題增淹，針對(duì)不同版本的IE的hack實(shí)踐過(guò)優(yōu)雅降級(jí)了,為那些無(wú)法支持功能的瀏覽器增加候選方案，使之在舊式瀏覽器上以某種形式降級(jí)體驗(yàn)卻不至于完全失效.

漸進(jìn)增強(qiáng)：從被所有瀏覽器支持的基本功能開(kāi)始乌企，逐步地添加那些只有新式瀏覽器才支持的功能,向頁(yè)面增加無(wú)害于基礎(chǔ)瀏覽器的額外樣式和功能的虑润。當(dāng)瀏覽器支持時(shí)，它們會(huì)自動(dòng)地呈現(xiàn)出來(lái)并發(fā)揮作用加酵。

詳見(jiàn)：css學(xué)習(xí)歸納總結(jié)（一）

WEB應(yīng)用從服務(wù)器主動(dòng)推送Data到客戶端有那些方式拳喻？

Javascript數(shù)據(jù)推送

Commet：基于HTTP長(zhǎng)連接的服務(wù)器推送技術(shù)

基于WebSocket的推送方案

SSE（Server-Send Event）：服務(wù)器推送數(shù)據(jù)新方式

對(duì)前端界面工程師這個(gè)職位是怎么樣理解的？它的前景會(huì)怎么樣猪腕？

前端是最貼近用戶的程序員冗澈，比后端、數(shù)據(jù)庫(kù)陋葡、產(chǎn)品經(jīng)理亚亲、運(yùn)營(yíng)、安全都近腐缤。

1捌归、實(shí)現(xiàn)界面交互

2、提升用戶體驗(yàn)

3岭粤、有了Node.js惜索，前端可以實(shí)現(xiàn)服務(wù)端的一些事情

前端是最貼近用戶的程序員，前端的能力就是能讓產(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)和用戶體驗(yàn)适揉；

處理hack留攒，兼容、寫出優(yōu)美的代碼格式嫉嘀；

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

你有哪些性能優(yōu)化的方法剪侮？

（詳情請(qǐng)看雅虎14條性能優(yōu)化原則）拭宁。

（1） 減少http請(qǐng)求次數(shù)：CSS Sprites, JS、CSS源碼壓縮瓣俯、圖片大小控制合適杰标；網(wǎng)頁(yè)Gzip，CDN托管彩匕，data緩存 腔剂，圖片服務(wù)器。

（2） 前端模板 JS+數(shù)據(jù)驼仪，減少由于HTML標(biāo)簽導(dǎo)致的帶寬浪費(fèi)掸犬，前端用變量保存AJAX請(qǐng)求結(jié)果，每次操作本地變量绪爸，不用請(qǐng)求湾碎，減少請(qǐng)求次數(shù)

（3） 用innerHTML代替DOM操作，減少DOM操作次數(shù)奠货，優(yōu)化javascript性能介褥。

（4） 當(dāng)需要設(shè)置的樣式很多時(shí)設(shè)置className而不是直接操作style。

（5） 少用全局變量递惋、緩存DOM節(jié)點(diǎn)查找的結(jié)果柔滔。減少IO讀取操作。

（6） 避免使用CSS Expression（css表達(dá)式)又稱Dynamic properties(動(dòng)態(tài)屬性)丹墨。

（7） 圖片預(yù)加載廊遍，將樣式表放在頂部，將腳本放在底部 ?加上時(shí)間戳贩挣。

詳情：http://segmentfault.com/blog/trigkit4/1190000000691919

一個(gè)頁(yè)面從輸入 URL 到頁(yè)面加載顯示完成喉前，這個(gè)過(guò)程中都發(fā)生了什么？

分為4個(gè)步驟：

（1）王财，當(dāng)發(fā)送一個(gè)URL請(qǐng)求時(shí)卵迂，不管這個(gè)URL是Web頁(yè)面的URL還是Web頁(yè)面上每個(gè)資源的URL，瀏覽器都會(huì)開(kāi)啟一個(gè)線程來(lái)處理這個(gè)請(qǐng)求绒净，同時(shí)在遠(yuǎn)程DNS服務(wù)器上啟動(dòng)一個(gè)DNS查詢见咒。這能使瀏覽器獲得請(qǐng)求對(duì)應(yīng)的IP地址。

（2）挂疆， 瀏覽器與遠(yuǎn)程Web服務(wù)器通過(guò)TCP三次握手協(xié)商來(lái)建立一個(gè)TCP/IP連接改览。該握手包括一個(gè)同步報(bào)文下翎，一個(gè)同步-應(yīng)答報(bào)文和一個(gè)應(yīng)答報(bào)文，這三個(gè)報(bào)文在 瀏覽器和服務(wù)器之間傳遞宝当。該握手首先由客戶端嘗試建立起通信视事，而后服務(wù)器應(yīng)答并接受客戶端的請(qǐng)求，最后由客戶端發(fā)出該請(qǐng)求已經(jīng)被接受的報(bào)文庆揩。

（3）俐东，一旦TCP/IP連接建立，瀏覽器會(huì)通過(guò)該連接向遠(yuǎn)程服務(wù)器發(fā)送HTTP的GET請(qǐng)求订晌。遠(yuǎn)程服務(wù)器找到資源并使用HTTP響應(yīng)返回該資源虏辫，值為200的HTTP響應(yīng)狀態(tài)表示一個(gè)正確的響應(yīng)。

（4）锈拨，此時(shí)砌庄，Web服務(wù)器提供資源服務(wù)，客戶端開(kāi)始下載資源奕枢。

請(qǐng)求返回后鹤耍，便進(jìn)入了我們關(guān)注的前端模塊

簡(jiǎn)單來(lái)說(shuō)，瀏覽器會(huì)解析HTML生成DOM Tree验辞，其次會(huì)根據(jù)CSS生成CSS Rule Tree稿黄，而javascript又可以根據(jù)DOM API操作DOM

詳情：從輸入 URL 到瀏覽器接收的過(guò)程中發(fā)生了什么事情？

平時(shí)如何管理你的項(xiàng)目跌造？

先期團(tuán)隊(duì)必須確定好全局樣式（globe.css）杆怕，編碼模式(utf-8) 等；

編寫習(xí)慣必須一致（例如都是采用繼承式的寫法壳贪，單樣式都寫成一行）陵珍；

標(biāo)注樣式編寫人，各模塊都及時(shí)標(biāo)注（標(biāo)注關(guān)鍵樣式調(diào)用的地方）违施；

頁(yè)面進(jìn)行標(biāo)注（例如 頁(yè)面 模塊 開(kāi)始和結(jié)束）互纯；

CSS跟HTML 分文件夾并行存放，命名都得統(tǒng)一（例如style.css）磕蒲；

JS 分文件夾存放 命名以該JS功能為準(zhǔn)的英文翻譯留潦。

圖片采用整合的 images.png png8 格式文件使用 盡量整合在一起使用方便將來(lái)的管理