成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

前端面試題(上)

不知名網(wǎng)友 / 1666人閱讀

摘要:收集了一部分面試的時候或者筆試的時候經(jīng)常出現(xiàn)的題目,分享給大家。使用之前需要考慮這兩個缺點。如果需要使用最好是通過動態(tài)給添加屬性值,這樣可以繞開以上兩個問題。當(dāng)有消息返回時系統(tǒng)會通知進程進行處理,這樣可以提高執(zhí)行的效率。

收集了一部分面試的時候或者筆試的時候經(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ū)別

這三者都是儲存瀏覽器數(shù)據(jù)的,cookie相對沒有后兩者的儲存大
而第二個比較特殊,他只會儲存瀏覽器運行時的數(shù)據(jù),關(guān)閉后數(shù)據(jù)將會被清零

JSONP原理

JSONP是一種非正式傳輸協(xié)議,該協(xié)議的一個要點就是允許用戶傳遞一個callback
參數(shù)給服務(wù)端,然后服務(wù)端返回數(shù)據(jù)時會將這個callback參數(shù)作為函數(shù)名來包裹住J
SON數(shù)據(jù),這樣客戶端就可以隨意定制自己的函數(shù)來自動處理返回數(shù)據(jù)了
簡稱解決跨域問題

簡述css盒模型

包括內(nèi)容(content)、外邊距(margin)、內(nèi)邊距(padding)、邊框(border)

說說get和post請求的區(qū)別

兩者都可以用來獲取數(shù)據(jù),但數(shù)據(jù)安全方面post比較好
get他會暴露請求參數(shù),post則是加密請求的參數(shù)

說說類的創(chuàng)建、繼承和閉包。

在es6未發(fā)布前,我們是通過構(gòu)造函數(shù)的方法實現(xiàn)類的概念,而實現(xiàn)繼承我們則需
要自己去封裝一個函數(shù),而在es6出來后,js就支持了類,繼承也有了自帶的方法來實現(xiàn)。
閉包的作用是為了防止全局變量的污染

一個頁面從輸入 URL 到頁面加載完的過程中都發(fā)生了什么事情?越詳細(xì)越好(考察知識廣度)

在瀏覽器輸入url地址后
進行TCP三次握手
瀏覽器會向web服務(wù)器發(fā)送一個http請求
服務(wù)器會處理請求并返回一個http請求
最后瀏覽器會將這個請求內(nèi)容顯示到界面上

js中的原型是什么?

在JavaScript中,原型也是一個對象,通過原型可以實現(xiàn)對象的屬性繼承,
JavaScript的對象中都包含了一個”[[Prototype]]”內(nèi)部屬性
這個屬性所對應(yīng)的就是該對象的原型。

JS 中的原型鏈?zhǔn)鞘裁矗?/b>

因為每個對象和原型都有原型,對象的原型指向原型對象,
而父的原型又指向父的父,這種原型層層連接起來的就構(gòu)成了原型鏈。

你知道什么是CSS reset么?

設(shè)置瀏覽器css重置,統(tǒng)一默認(rèn)樣式

在js里call()與apply()有什么相同和不同?

共同點都可以繼承熟悉和方法,不同點是call第二個參數(shù)是個形參,而apply第二個參數(shù)是數(shù)組

常見的http狀態(tài)碼都有哪些?

200/500/304/404

下面代碼的輸出值是:

alert(1&&2) //2

css position 中有哪些值可以使用?

fixed/relative/absolute

常用瀏覽器及內(nèi)核,對于渲染引擎與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共同開發(fā))

什么是CSS Hack?

針對不同的瀏覽器寫不同的CSS,解決瀏覽器兼容性

iframe有那些缺點?

iframe會阻塞主頁面的Onload事件;

搜索引擎的檢索程序無法解讀這種頁面,不利于SEO;

iframe和主頁面共享連接池,而瀏覽器對相同域的連接有限制,所以會影響頁面的并行加載。

使用iframe之前需要考慮這兩個缺點。如果需要使用iframe
最好是通過javascript動態(tài)給iframe添加src屬性值,這樣可以繞開以上兩個問題。

說出前端link和import的區(qū)別

link一般在html頭部定義,作為html標(biāo)簽,同時除了引入css之外,

還可以說明比如說rel="icon"

import一般定義在css內(nèi)部,也就是一般寫在文件頭部,并且專門拿來鏈css的。

在項目開發(fā)完成之后,根據(jù)雅虎性能優(yōu)化規(guī)則,需要對html,JS,CSS,圖片需要做出怎樣的處理?是否可以借助構(gòu)建工具實現(xiàn)自動化?

盡量減少http請求,將圖片壓縮或者打包在一起,將js文件盡量放置在body尾部。
而構(gòu)建工具可以使用webpack。

在嚴(yán)格模式(‘use strict’)下進行 JavaScript 開發(fā)有神馬好處?

消除Javascript語法的一些不合理、不嚴(yán)謹(jǐn)之處,減少一些怪異行為;

消除代碼運行的一些不安全之處,保證代碼運行的安全;

提高編譯器效率,增加運行速度;

為未來新版本的Javascript做好鋪墊。

寫出javascript運行結(jié)果:
for(var i=0; i<10; i++){} 
alert(i);  //10,為什么?仔細(xì)觀察!
px和em以及rem的區(qū)別

px和em以及rem都是長度單位,區(qū)別是,px的值是固定的,指定是多少就是多少,計算比較容易。
em得值不是固定的,并且em會繼承父級元素的字體大小。
而rem和em很類似,區(qū)別在于rem是繼承html的字體大小。

簡述同步和異步的區(qū)別

同步是阻塞模式,異步是非阻塞模式。
同步就是指一個進程在執(zhí)行某個請求的時候,若該請求需要一段時間才能返回信息,
那么這個進程將會一直等待下去,直到收到返回信息才繼續(xù)執(zhí)行下去;
異步是指進程不需要一直等下去,而是繼續(xù)執(zhí)行下面的操作,不管其他進程的狀態(tài)。
當(dāng)有消息返回時系統(tǒng)會通知進程進行處理,這樣可以提高執(zhí)行的效率。

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/81969.html

相關(guān)文章

  • 20W字囊括百個前端面試的項目開源了

    摘要:字囊括上百個前端面試題的項目開源了這個項目是什么項目內(nèi)容這個項目目前在上剛剛開源主要內(nèi)容如下前端面試題主要整理了高頻且有一定難度的前端面試題對這些面試題進行解讀前端原理詳解針對一些有一定難度面試題涉及的知識點進行詳解比如涉及的編譯原理響應(yīng)式 20W字囊括上百個前端面試題的項目開源了 這個項目是什么? 項目內(nèi)容 這個項目目前在GitHub上剛剛開源,主要內(nèi)容如下: 前端面試題: 主要整...

    Euphoria 評論0 收藏0
  • 前端最強面經(jīng)匯總

    摘要:獲取的對象范圍方法獲取的是最終應(yīng)用在元素上的所有屬性對象即使沒有代碼,也會把默認(rèn)的祖宗八代都顯示出來而只能獲取元素屬性中的樣式。因此對于一個光禿禿的元素,方法返回對象中屬性值如果有就是據(jù)我測試不同環(huán)境結(jié)果可能有差異而就是。 花了很長時間整理的前端面試資源,喜歡請大家不要吝嗇star~ 別只收藏,點個贊,點個star再走哈~ 持續(xù)更新中……,可以關(guān)注下github 項目地址 https:...

    wangjuntytl 評論0 收藏0
  • 前端開發(fā)面試鏈接

    摘要:手冊網(wǎng)超級有用的前端基礎(chǔ)技術(shù)面試問題收集前端面試題目及答案匯總史上最全前端面試題含答案常見前端面試題及答案經(jīng)典面試題及答案精選總結(jié)前端面試過程中最容易出現(xiàn)的問題前端面試題整理騰訊前端面試經(jīng)驗前端基礎(chǔ)面試題部分最新前端面試題攻略前端面試前端入 手冊網(wǎng):http://www.shouce.ren/post/index 超級有用的前端基礎(chǔ)技術(shù)面試問題收集:http://www.codec...

    h9911 評論0 收藏0
  • 前端開發(fā)面試鏈接

    摘要:手冊網(wǎng)超級有用的前端基礎(chǔ)技術(shù)面試問題收集前端面試題目及答案匯總史上最全前端面試題含答案常見前端面試題及答案經(jīng)典面試題及答案精選總結(jié)前端面試過程中最容易出現(xiàn)的問題前端面試題整理騰訊前端面試經(jīng)驗前端基礎(chǔ)面試題部分最新前端面試題攻略前端面試前端入 手冊網(wǎng):http://www.shouce.ren/post/index 超級有用的前端基礎(chǔ)技術(shù)面試問題收集:http://www.codec...

    snifes 評論0 收藏0
  • 【周刊-2】三年大廠面試官-前端面試(偏難)

    摘要:前言在大廠工作了年,當(dāng)了年的前端面試官,把大廠常問的面試題與答案匯總在我的中。第題如何劫持的請求,提供思路難度阿里騰訊很多人在上搜索前端面試詳解,把答案倒背如流,但是問到如何劫持請求的時候就一臉懵逼,是因為還是停留在理論性階段。前言 在大廠工作了6年,當(dāng)了3年的前端面試官,把大廠常問的面試題與答案匯總在我的Github中。希望對大家有所幫助,助力大家進入自己理想的企業(yè)。 項目地址是:git...

    silvertheo 評論0 收藏0
  • 【周刊-2】三年大廠面試官-前端面試(偏難)

    摘要:前言在大廠工作了年,當(dāng)了年的前端面試官,把大廠常問的面試題與答案匯總在我的中。第題如何劫持的請求,提供思路難度阿里騰訊很多人在上搜索前端面試詳解,把答案倒背如流,但是問到如何劫持請求的時候就一臉懵逼,是因為還是停留在理論性階段。 前言 在大廠工作了6年,當(dāng)了3年的前端面試官,把大廠常問的面試題與答案匯總在我的Github中。希望對大家有所幫助,助力大家進入自己理想的企業(yè)。 項目地址是:...

    madthumb 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<