資訊專(zhuān)欄INFORMATION COLUMN
摘要：收集了一部分面試的時(shí)候或者筆試的時(shí)候經(jīng)常出現(xiàn)的題目，分享給大家。使用之前需要考慮這兩個(gè)缺點(diǎn)。如果需要使用最好是通過(guò)動(dòng)態(tài)給添加屬性值，這樣可以繞開(kāi)以上兩個(gè)問(wèn)題。當(dāng)有消息返回時(shí)系統(tǒng)會(huì)通知進(jìn)程進(jìn)行處理，這樣可以提高執(zhí)行的效率。
下列代碼輸出什么？收集了一部分面試的時(shí)候或者筆試的時(shí)候經(jīng)常出現(xiàn)的題目，分享給大家。
for(var i=0;i<5;i++){
(function(i){
setTimeout(function(){
console.log(i);
},i*1000)
})(i)}
// 0,1,2,3,4
下列代碼輸出什么？
for(var i=0;i<5;i++){
setTimeout(function(){
console.log(i);
},i*1000)
}// 5,5,5,5,5
Cookie、sessionStorage、localStorage的區(qū)別
這三者都是儲(chǔ)存瀏覽器數(shù)據(jù)的，cookie相對(duì)沒(méi)有后兩者的儲(chǔ)存大
而第二個(gè)比較特殊，他只會(huì)儲(chǔ)存瀏覽器運(yùn)行時(shí)的數(shù)據(jù)，關(guān)閉后數(shù)據(jù)將會(huì)被清零
JSONP是一種非正式傳輸協(xié)議，該協(xié)議的一個(gè)要點(diǎn)就是允許用戶(hù)傳遞一個(gè)callback
參數(shù)給服務(wù)端，然后服務(wù)端返回?cái)?shù)據(jù)時(shí)會(huì)將這個(gè)callback參數(shù)作為函數(shù)名來(lái)包裹住J
SON數(shù)據(jù)，這樣客戶(hù)端就可以隨意定制自己的函數(shù)來(lái)自動(dòng)處理返回?cái)?shù)據(jù)了
簡(jiǎn)稱(chēng)解決跨域問(wèn)題
包括內(nèi)容（content）、外邊距（margin）、內(nèi)邊距（padding）、邊框（border）
說(shuō)說(shuō)get和post請(qǐng)求的區(qū)別兩者都可以用來(lái)獲取數(shù)據(jù)，但數(shù)據(jù)安全方面post比較好
get他會(huì)暴露請(qǐng)求參數(shù)，post則是加密請(qǐng)求的參數(shù)
在es6未發(fā)布前，我們是通過(guò)構(gòu)造函數(shù)的方法實(shí)現(xiàn)類(lèi)的概念，而實(shí)現(xiàn)繼承我們則需
要自己去封裝一個(gè)函數(shù)，而在es6出來(lái)后，js就支持了類(lèi)，繼承也有了自帶的方法來(lái)實(shí)現(xiàn)。
閉包的作用是為了防止全局變量的污染
在瀏覽器輸入url地址后
進(jìn)行TCP三次握手
瀏覽器會(huì)向web服務(wù)器發(fā)送一個(gè)http請(qǐng)求
服務(wù)器會(huì)處理請(qǐng)求并返回一個(gè)http請(qǐng)求
最后瀏覽器會(huì)將這個(gè)請(qǐng)求內(nèi)容顯示到界面上
在JavaScript中，原型也是一個(gè)對(duì)象，通過(guò)原型可以實(shí)現(xiàn)對(duì)象的屬性繼承，
JavaScript的對(duì)象中都包含了一個(gè)”[[Prototype]]”內(nèi)部屬性
這個(gè)屬性所對(duì)應(yīng)的就是該對(duì)象的原型。
因?yàn)槊總€(gè)對(duì)象和原型都有原型，對(duì)象的原型指向原型對(duì)象，
而父的原型又指向父的父，這種原型層層連接起來(lái)的就構(gòu)成了原型鏈。
設(shè)置瀏覽器css重置，統(tǒng)一默認(rèn)樣式
在js里call()與apply()有什么相同和不同？共同點(diǎn)都可以繼承熟悉和方法，不同點(diǎn)是call第二個(gè)參數(shù)是個(gè)形參，而apply第二個(gè)參數(shù)是數(shù)組
常見(jiàn)的http狀態(tài)碼都有哪些？200/500/304/404
下面代碼的輸出值是：alert(1&&2) //2
css position 中有哪些值可以使用？fixed/relative/absolute
常用瀏覽器及內(nèi)核，對(duì)于渲染引擎與js解釋引擎的區(qū)分IE: trident內(nèi)核
Firefox：gecko內(nèi)核
Safari：webkit內(nèi)核
Opera：以前是presto內(nèi)核，Opera現(xiàn)已改用Google Chrome的Blink內(nèi)核
Chrome：Blink(基于webkit，Google與Opera Software共同開(kāi)發(fā))
針對(duì)不同的瀏覽器寫(xiě)不同的CSS，解決瀏覽器兼容性
iframe有那些缺點(diǎn)？iframe會(huì)阻塞主頁(yè)面的Onload事件；
搜索引擎的檢索程序無(wú)法解讀這種頁(yè)面，不利于SEO;
iframe和主頁(yè)面共享連接池，而瀏覽器對(duì)相同域的連接有限制，所以會(huì)影響頁(yè)面的并行加載。
使用iframe之前需要考慮這兩個(gè)缺點(diǎn)。如果需要使用iframe
最好是通過(guò)javascript動(dòng)態(tài)給iframe添加src屬性值，這樣可以繞開(kāi)以上兩個(gè)問(wèn)題。
link一般在html頭部定義，作為html標(biāo)簽，同時(shí)除了引入css之外，
還可以說(shuō)明比如說(shuō)rel="icon"
import一般定義在css內(nèi)部，也就是一般寫(xiě)在文件頭部，并且專(zhuān)門(mén)拿來(lái)鏈css的。
在項(xiàng)目開(kāi)發(fā)完成之后，根據(jù)雅虎性能優(yōu)化規(guī)則，需要對(duì)html，JS，CSS，圖片需要做出怎樣的處理？是否可以借助構(gòu)建工具實(shí)現(xiàn)自動(dòng)化？盡量減少http請(qǐng)求，將圖片壓縮或者打包在一起，將js文件盡量放置在body尾部。
而構(gòu)建工具可以使用webpack。
消除Javascript語(yǔ)法的一些不合理、不嚴(yán)謹(jǐn)之處，減少一些怪異行為;
消除代碼運(yùn)行的一些不安全之處，保證代碼運(yùn)行的安全；
提高編譯器效率，增加運(yùn)行速度；
為未來(lái)新版本的Javascript做好鋪墊。
寫(xiě)出javascript運(yùn)行結(jié)果：for(var i=0; i<10; i++){}
alert(i); //10,為什么？仔細(xì)觀察！
px和em以及rem的區(qū)別
px和em以及rem都是長(zhǎng)度單位，區(qū)別是，px的值是固定的，指定是多少就是多少，計(jì)算比較容易。
em得值不是固定的，并且em會(huì)繼承父級(jí)元素的字體大小。
而rem和em很類(lèi)似，區(qū)別在于rem是繼承html的字體大小。
同步是阻塞模式，異步是非阻塞模式。
同步就是指一個(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í)行的效率。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/81969.html
摘要：字囊括上百個(gè)前端面試題的項(xiàng)目開(kāi)源了這個(gè)項(xiàng)目是什么項(xiàng)目?jī)?nèi)容這個(gè)項(xiàng)目目前在上剛剛開(kāi)源主要內(nèi)容如下前端面試題主要整理了高頻且有一定難度的前端面試題對(duì)這些面試題進(jìn)行解讀前端原理詳解針對(duì)一些有一定難度面試題涉及的知識(shí)點(diǎn)進(jìn)行詳解比如涉及的編譯原理響應(yīng)式 20W字囊括上百個(gè)前端面試題的項(xiàng)目開(kāi)源了 這個(gè)項(xiàng)目是什么? 項(xiàng)目?jī)?nèi)容 這個(gè)項(xiàng)目目前在GitHub上剛剛開(kāi)源,主要內(nèi)容如下: 前端面試題: 主要整...
摘要：獲取的對(duì)象范圍方法獲取的是最終應(yīng)用在元素上的所有屬性對(duì)象即使沒(méi)有代碼，也會(huì)把默認(rèn)的祖宗八代都顯示出來(lái)而只能獲取元素屬性中的樣式。因此對(duì)于一個(gè)光禿禿的元素，方法返回對(duì)象中屬性值如果有就是據(jù)我測(cè)試不同環(huán)境結(jié)果可能有差異而就是。 花了很長(zhǎng)時(shí)間整理的前端面試資源，喜歡請(qǐng)大家不要吝嗇star~ 別只收藏，點(diǎn)個(gè)贊，點(diǎn)個(gè)star再走哈~ 持續(xù)更新中……，可以關(guān)注下github 項(xiàng)目地址 https:...
摘要：手冊(cè)網(wǎng)超級(jí)有用的前端基礎(chǔ)技術(shù)面試問(wèn)題收集前端面試題目及答案匯總史上最全前端面試題含答案常見(jiàn)前端面試題及答案經(jīng)典面試題及答案精選總結(jié)前端面試過(guò)程中最容易出現(xiàn)的問(wèn)題前端面試題整理騰訊前端面試經(jīng)驗(yàn)前端基礎(chǔ)面試題部分最新前端面試題攻略前端面試前端入 手冊(cè)網(wǎng)：http://www.shouce.ren/post/index 超級(jí)有用的前端基礎(chǔ)技術(shù)面試問(wèn)題收集：http://www.codec...
摘要：手冊(cè)網(wǎng)超級(jí)有用的前端基礎(chǔ)技術(shù)面試問(wèn)題收集前端面試題目及答案匯總史上最全前端面試題含答案常見(jiàn)前端面試題及答案經(jīng)典面試題及答案精選總結(jié)前端面試過(guò)程中最容易出現(xiàn)的問(wèn)題前端面試題整理騰訊前端面試經(jīng)驗(yàn)前端基礎(chǔ)面試題部分最新前端面試題攻略前端面試前端入 手冊(cè)網(wǎng)：http://www.shouce.ren/post/index 超級(jí)有用的前端基礎(chǔ)技術(shù)面試問(wèn)題收集：http://www.codec...
摘要：前言在大廠工作了年，當(dāng)了年的前端面試官，把大廠常問(wèn)的面試題與答案匯總在我的中。第題如何劫持的請(qǐng)求，提供思路難度阿里騰訊很多人在上搜索前端面試詳解，把答案倒背如流，但是問(wèn)到如何劫持請(qǐng)求的時(shí)候就一臉懵逼，是因?yàn)檫€是停留在理論性階段。前言 在大廠工作了6年，當(dāng)了3年的前端面試官，把大廠常問(wèn)的面試題與答案匯總在我的Github中。希望對(duì)大家有所幫助，助力大家進(jìn)入自己理想的企業(yè)。 項(xiàng)目地址是：git...
摘要：前言在大廠工作了年，當(dāng)了年的前端面試官，把大廠常問(wèn)的面試題與答案匯總在我的中。第題如何劫持的請(qǐng)求，提供思路難度阿里騰訊很多人在上搜索前端面試詳解，把答案倒背如流，但是問(wèn)到如何劫持請(qǐng)求的時(shí)候就一臉懵逼，是因?yàn)檫€是停留在理論性階段。 前言 在大廠工作了6年，當(dāng)了3年的前端面試官，把大廠常問(wèn)的面試題與答案匯總在我的Github中。希望對(duì)大家有所幫助，助力大家進(jìn)入自己理想的企業(yè)。 項(xiàng)目地址是：...
閱讀 3981·2023-01-11 11:02
閱讀 4486·2023-01-11 11:02
閱讀 3364·2023-01-11 11:02
閱讀 5384·2023-01-11 11:02
閱讀 4945·2023-01-11 11:02
閱讀 5872·2023-01-11 11:02
閱讀 5561·2023-01-11 11:02
閱讀 4382·2023-01-11 11:02
