国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

Web前端面試題目匯總

golden_hamster / 2377人閱讀

摘要:前端面試題目匯總一部分什么是盒子模型盒子模型包含內(nèi)容內(nèi)邊距外邊距和邊框四部分。第四步本地服務(wù)器再向上一步返回的域名服務(wù)器發(fā)送請求,然后接受請求的服務(wù)器查詢自己的緩存,如果沒有該記錄項(xiàng),則返回相關(guān)的下級(jí)的域名服務(wù)器的地址。

Web前端面試題目匯總 一、HTML/CSS部分

1.什么是盒子模型?

盒子模型包含內(nèi)容(content)、內(nèi)邊距(pandding)、外邊距(margin)和邊框(border)四部分 。

2.行級(jí)元素有哪些?塊級(jí)元素有哪些? 空(void)元素有那些?

(1)行級(jí)元素
   
    特點(diǎn):a.可以和其他元素處于一行,不用必須另起一行。
   
       b.元素的高度、寬度及頂部和底部邊距不可設(shè)置。
   
       c.元素的寬度就是它包含的文字、圖片的寬度,不可改變。
   常見的行級(jí)元素:a,span,img,input,textarea,label,button等
   
   (2)塊級(jí)元素 特點(diǎn):a.每個(gè)塊級(jí)元素都是獨(dú)自占一行,其后的元素也只能另起一行,并不能兩個(gè)元素共用一行。
   
     b.元素的高度、寬度、行高和頂?shù)走吘喽际强梢栽O(shè)置的。  
   
     c.元素的寬度如果不設(shè)置的話,默認(rèn)為父元素的寬度。
   
   常見的塊級(jí)元素:div、p、h1...h6、ol、ul、dl、table、address、
   
   blockquote,form等
   總結(jié):(1)css樣式中用display:inline將塊級(jí)元素設(shè)為行級(jí)元素
        (2)可以用display:block將行級(jí)元素設(shè)為塊級(jí)元素

3.簡述一下src與href的區(qū)別

(1)href 是指向網(wǎng)絡(luò)資源所在位置,建立和當(dāng)前元素(錨點(diǎn))或當(dāng)前文檔(鏈接)之間的鏈接,用于超鏈接。
   (2)src是指向外部資源的位置,指向的內(nèi)容將會(huì)嵌入到文檔中當(dāng)前標(biāo)簽所在位置;在請求src資源時(shí)會(huì)將其指向的資源下載并應(yīng)用到文檔內(nèi),例如js腳本,img圖片和frame等元素。當(dāng)瀏覽器解析到該元素時(shí),會(huì)暫停其他資源的下載和處理,直到將該資源加載、編譯、執(zhí)行完畢,圖片和框架等元素也如此,類似于將所指向資源嵌入當(dāng)前標(biāo)簽內(nèi)。這也是為什么將js腳本放在底部而不是頭部。
   

4.什么是CSS Hack?
一般來說是針對不同的瀏覽器寫不同的CSS,就是 CSS Hack。
IE瀏覽器Hack一般又分為三種,條件Hack、屬性級(jí)Hack、選擇符Hack

 // 1、條件Hack
   
   // 2、屬性Hack
    .test{
    color:#0909; /* For IE8+ */
    *color:#f00;  /* For IE7 and earlier */
    _color:#ff0;  /* For IE6 and earlier */
    }
   // 3、選擇符Hack
    * html .test{color:#090;}       /* For IE6 and earlier */
    * + html .test{color:#ff0;}     /* For IE7 */

5.position的值, relative和absolute分別是相對于誰進(jìn)行定位的?

 absolute :生成絕對定位的元素, 相對于最近一級(jí)的 定位不是 static 的父元素來進(jìn)行定位。
   
   fixed (老IE不支持)生成絕對定位的元素,通常相對于瀏覽器窗口或 frame 進(jìn)行定位。
   
   relative 生成相對定位的元素,相對于其在普通流中的位置進(jìn)行定位。
   
   static 默認(rèn)值。沒有定位,元素出現(xiàn)在正常的流中
   
   sticky 生成粘性定位的元素,容器的位置根據(jù)正常文檔流計(jì)算得出

五、常見題

1.分析輸入url到頁面返回的過程

   第一步:客戶機(jī)提出域名解析請求,并將該請求發(fā)送給本地的域名服務(wù)器。
   第二步:當(dāng)本地的域名服務(wù)器收到請求后,就先查詢本地的緩存,如果有該記錄項(xiàng),則本地的域名服務(wù)器就直接把查詢的結(jié)果返回。
   第三步:如果本地的緩存中沒有該記錄項(xiàng),則本地的域名服務(wù)器就直接把請求發(fā)送給根域名服務(wù)器,然后根域名服務(wù)器再返回給本地域名服務(wù)器一個(gè)所查詢域(根的子域)的主域名服務(wù)器的地址。
   第四步:本地服務(wù)器再向上一步返回的域名服務(wù)器發(fā)送請求,然后接受請求的服務(wù)器查詢自己的緩存,如果沒有該記錄項(xiàng),則返回相關(guān)的下級(jí)的域名服務(wù)器的地址。
   第五步:重復(fù)第四步,直到找到正確的記錄。

2.web前端性能優(yōu)化的方法

 a.減少http請求,合理設(shè)置HTTP緩存
      http協(xié)議是無轉(zhuǎn)臺(tái)的應(yīng)用層協(xié)議,意味著每次http請求都需要建立通信鏈路、進(jìn)行數(shù)據(jù)傳輸,而在服務(wù)器端,每個(gè)http都需要啟動(dòng)獨(dú)立的線程去出來處理。
     減少http的主要手段是合并css、合并javascript、合并圖片b.使用瀏覽器緩存
   (1)靜態(tài)資源文件可通過設(shè)置http頭中的cache-control和expires的屬性,可設(shè)定瀏覽器緩存。
   (2)靜態(tài)資源變化需及時(shí)應(yīng)用到客戶端瀏覽器,可通過改變文件名實(shí)現(xiàn),即更新javascript文件并不是更新javascript文件內(nèi)容,而是生成新的js文件并更新html文件中的引用。
   (3)使用瀏覽器緩存策略的網(wǎng)站在更新靜態(tài)資源時(shí),應(yīng)采用逐量更新的方法。
   c.啟用壓縮
   服務(wù)器端對文件壓縮,在瀏覽器端對文件解壓縮,可有效減少通信傳輸?shù)臄?shù)據(jù)量。
   d.lazyload image
   例如圖片,在頁面剛加載時(shí)只加載第一屏,當(dāng)用戶繼續(xù)往后滾屏?xí)r才加載后續(xù)的圖片。
   e.css放在頁面最上部,javascript放在頁面最下面
   f.減少cookie傳輸
   cookie包含在每次請求和響應(yīng)中,太大的cookie會(huì)嚴(yán)重影響數(shù)據(jù)傳輸。
   g.javascript代碼優(yōu)化

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

轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/112936.html

相關(guān)文章

  • Web前端面試題目匯總

    摘要:前端面試題目匯總一部分什么是盒子模型盒子模型包含內(nèi)容內(nèi)邊距外邊距和邊框四部分。第四步本地服務(wù)器再向上一步返回的域名服務(wù)器發(fā)送請求,然后接受請求的服務(wù)器查詢自己的緩存,如果沒有該記錄項(xiàng),則返回相關(guān)的下級(jí)的域名服務(wù)器的地址。 Web前端面試題目匯總 一、HTML/CSS部分 1.什么是盒子模型? 盒子模型包含內(nèi)容(content)、內(nèi)邊距(pandding)、外邊距(margin)和邊...

    yy736044583 評(píng)論0 收藏0
  • 前端最強(qiáng)面經(jīng)匯總

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

    wangjuntytl 評(píng)論0 收藏0
  • 你不知道的h5

    摘要:目前,常用的模塊規(guī)范主要有兩種和。攔截全局請求一直接引入腳本攔截需要的回調(diào)或函數(shù)。深刻知道一個(gè)良好的命名規(guī)范的重要性,同時(shí)在項(xiàng)目中也會(huì)遇到一些命名的瓶頸。 基于 Three.js 的超快的 3D 開發(fā)框架:Whitestorm.js Whitestorm.js 是一款基于 Three.js 超快的 Web 應(yīng)用 3D 開發(fā)框架。它為普通的 Three.js 任務(wù)提供封裝、使搭建環(huán)境、...

    IntMain 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<