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

資訊專欄INFORMATION COLUMN

Web前端經(jīng)典面試試題（一）

chanthuang / 1598人閱讀

摘要：本篇收錄了一些面試中經(jīng)常會遇到的經(jīng)典面試題，并且都給出了我在網(wǎng)上收集的答案。網(wǎng)頁的行為層負(fù)責(zé)回答內(nèi)容應(yīng)該如何對事件做出反應(yīng)這一問題。

本篇收錄了一些面試中經(jīng)常會遇到的經(jīng)典面試題，并且都給出了我在網(wǎng)上收集的答案。眼看新的一年馬上就要開始了，相信很多的前端開發(fā)者會有一些跳槽的悸動，通過對本篇知識的整理以及經(jīng)驗(yàn)的總結(jié)，希望能幫到更多的前端面試者。（如有錯誤或更好的答案，歡迎指正，水平有限，望各位不吝指教。）

一. 什么是語義化的HTML?有何意義？為什么要做到語義化？（高頻率考題）

a.什么是語義化的HTML？

語義化的HTML就是寫出的HTML代碼，符合內(nèi)容的結(jié)構(gòu)化（內(nèi)容語義化），選擇合適的標(biāo)簽
（代碼語義化），能夠便于開發(fā)者閱讀和寫出更優(yōu)雅的代碼的同時讓瀏覽器的爬蟲和機(jī)器
很好地解析。

b、為什么要做到語義化？

1.有利于SEO，有利于搜索引擎爬蟲更好的理解我們的網(wǎng)頁，從而獲取更多的有效信息，提升網(wǎng)頁
的權(quán)重。
2.在沒有CSS的時候能夠清晰的看出網(wǎng)頁的結(jié)構(gòu)，增強(qiáng)可讀性。
3.便于團(tuán)隊開發(fā)和維護(hù)，語義化的HTML可以讓開發(fā)者更容易的看明白，從而提高團(tuán)隊的效率和協(xié)
調(diào)能力。
4.支持多終端設(shè)備的瀏覽器渲染。
二. 行內(nèi)元素和塊元素分別有哪些？（高頻率） 
塊級元素：div  , p  , form,   ul,  li ,  ol, dl,    form,   address, fieldset,  hr,
         menu,  table
行內(nèi)元素：span,   strong,   em,  br,  img ,  input,  label,  select,  textarea, cite
三. iframe有那些缺點(diǎn)？ 
1.frame會阻塞主頁面的Onload事件；
2.iframe和主頁面共享連接池，而瀏覽器對相同域的連接有限制，所以會影響頁面的并行加載。
3.SEO不利，對爬蟲不友好。
四. CSS的優(yōu)先級？內(nèi)聯(lián)和important哪個優(yōu)先級高？（高頻率） 
id選擇器 值：100
類選擇器 值：10
標(biāo)簽選擇器： 1
五. 盒子垂直居中方法（高頻率） 
position: absolute;
left:50%;
top:50%; 
width:400px;
height:400px;
margin-left:-200px;
margin-top:-200px;
六. 浮動元素清除浮動方法（高頻率） 
四種方法：
1、使用空標(biāo)簽清除浮動
2、使用overflow屬性。（overflow:auto；zoom:1″用于兼容IE6）
3、使用after偽對象清除浮動。 該方法只適用于非IE瀏覽器
4、浮動外部元素，float-in-float。這種方法很簡單，就是把“#outer”元素也進(jìn)行浮動（向左
   或者向右）。
七. Diplay:none與visibility：hidden的區(qū)別（高頻率） 
visibility:hidden隱藏，但在瀏覽時保留位置；
display:none視為不存在，且不加載！
八. CSS中em和px的關(guān)系和區(qū)別 
1. em的值并不是固定的； 
2. em會繼承父級元素的字體大小。
    12px = 1.2em
九. 閉包的理解，javascript的作用域（高頻率） 
a、閉包就是能夠讀取其他函數(shù)內(nèi)部變量的函數(shù)。
b、在本質(zhì)上，閉包就是將函數(shù)內(nèi)部和函數(shù)外部連接起來的一座橋梁。
閉包的用途
閉包可以用在許多地方。它的最大用處有兩個，一個是前面提到的可以讀取函數(shù)內(nèi)部的變量，另
一個就是讓這些變量的值始終保持在內(nèi)存中。 

實(shí)例如下：
根據(jù)作用域鏈的規(guī)則，底層作用域沒有聲明的變量，會向上一級找，找到就返回，沒找到就一
直找，直到window的變量，沒有就返回undefined。這里明顯count 是函數(shù)內(nèi)部的flag2 的那
個count 。


    var count=10;   //全局作用域 標(biāo)記為flag1
    function add(){
    var count=0;    //函數(shù)全局作用域 標(biāo)記為flag2
    return function(){
        count+=1;   //函數(shù)的內(nèi)部作用域
        alert(count);
    }
    }
    var s = add()
    s();//輸出1
    s();//輸出2
JS中作用域的概念：
表示變量或函數(shù)起作用的區(qū)域，指代了它們在什么樣的上下文中執(zhí)行，亦即上下
執(zhí)行環(huán)境。Javascript的作用域只有兩種：全局作用域和本地作用域，本地作用
是按照函數(shù)來區(qū)分的。
十. SetTimeout與setInterval區(qū)別 
因?yàn)閟etTimeout(表達(dá)式,延時時間)在執(zhí)行時,是在載入后延遲指定時間后,去執(zhí)行一次表達(dá)式,記
住,次數(shù)是一次 
而setInterval(表達(dá)式,交互時間)則不一樣,它從載入后,每隔指定的時間就執(zhí)行一次表達(dá)式
十一. 網(wǎng)站性能優(yōu)化的方法（高頻率） 
1）將css和js文件放在獨(dú)立外部文件中引用
2) 使用gzip壓縮網(wǎng)頁內(nèi)容
3）將CSS放在頁面頂端，JS文件放在頁面底端
4）使JS文件內(nèi)容最小化
5）盡量減少外部腳本的使用，減少DNS查詢時間
（ 文件合并
   文件最小化/文件壓縮
   使用 CDN 托管
   緩存的使用（多個域名來提供緩存））
十二. 前端由哪些部分組成（高頻率） 
a、網(wǎng)頁的結(jié)構(gòu)層（structural layer）由 HTML 或 XHTML 之類的標(biāo)記語言負(fù)責(zé)創(chuàng)建。標(biāo)簽，也
就是那些出現(xiàn)在尖括號里的單詞，對網(wǎng)頁內(nèi)容的語義含義做出了描述，但這些標(biāo)簽不包含任何關(guān)
于如何顯示有關(guān)內(nèi)容的信息。例如，P 標(biāo)簽表達(dá)了這樣一種語義：“這是一個文本段。”
b、網(wǎng)頁的表示層（presentation layer） 由 CSS 負(fù)責(zé)創(chuàng)建。 CSS 對“如何顯示有關(guān)內(nèi)容”的問
題做出了回答。
c、網(wǎng)頁的行為層（behavior layer）負(fù)責(zé)回答“內(nèi)容應(yīng)該如何對事件做出反應(yīng)”這一問題。這是 
Javascript 語言和 DOM 主宰的領(lǐng)域。
十三. Jpeg、gif、png格式的優(yōu)缺點(diǎn)，應(yīng)用場景 
jpg高畫質(zhì)（圖片）
gif 色質(zhì)單一（圖標(biāo)）
png 透明

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

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

相關(guān)文章

  • Web前端經(jīng)典面試試題（一）

    摘要：本篇收錄了一些面試中經(jīng)常會遇到的經(jīng)典面試題，并且都給出了我在網(wǎng)上收集的答案。網(wǎng)頁的行為層負(fù)責(zé)回答內(nèi)容應(yīng)該如何對事件做出反應(yīng)這一問題。 本篇收錄了一些面試中經(jīng)常會遇到的經(jīng)典面試題，并且都給出了我在網(wǎng)上收集的答案。眼看新的一年馬上就要開始了，相信很多的前端開發(fā)者會有一些跳槽的悸動，通過對本篇知識的整理以及經(jīng)驗(yàn)的總結(jié)，希望能幫到更多的前端面試者。（如有錯誤或更好的答案，歡迎指正，水平有限，望...

    princekin 評論0 收藏0

  • Web前端經(jīng)典面試試題（一）

    摘要：本篇收錄了一些面試中經(jīng)常會遇到的經(jīng)典面試題，并且都給出了我在網(wǎng)上收集的答案。網(wǎng)頁的行為層負(fù)責(zé)回答內(nèi)容應(yīng)該如何對事件做出反應(yīng)這一問題。 本篇收錄了一些面試中經(jīng)常會遇到的經(jīng)典面試題，并且都給出了我在網(wǎng)上收集的答案。眼看新的一年馬上就要開始了，相信很多的前端開發(fā)者會有一些跳槽的悸動，通過對本篇知識的整理以及經(jīng)驗(yàn)的總結(jié)，希望能幫到更多的前端面試者。（如有錯誤或更好的答案，歡迎指正，水平有限，望...

    Batkid 評論0 收藏0

  • Web前端經(jīng)典面試試題（二）

    摘要：上次由于時間有限只分享了一部分的前端面試題，所以本篇繼續(xù)分享前端經(jīng)典面試試題一棧和隊列的區(qū)別棧的插入和刪除操作都是在一端進(jìn)行的，而隊列的操作卻是在兩端進(jìn)行的。 上次由于時間有限只分享了一部分的前端面試題，所以本篇繼續(xù)分享前端經(jīng)典面試試題 一. 棧和隊列的區(qū)別? 棧的插入和刪除操作都是在一端進(jìn)行的，而隊列的操作卻是在兩端進(jìn)行的。 隊列先進(jìn)先出，棧先進(jìn)后出。 棧只允許在表尾一端進(jìn)行插入和刪...

    rickchen 評論0 收藏0

  • Web前端經(jīng)典面試試題（二）

    摘要：上次由于時間有限只分享了一部分的前端面試題，所以本篇繼續(xù)分享前端經(jīng)典面試試題一棧和隊列的區(qū)別棧的插入和刪除操作都是在一端進(jìn)行的，而隊列的操作卻是在兩端進(jìn)行的。 上次由于時間有限只分享了一部分的前端面試題，所以本篇繼續(xù)分享前端經(jīng)典面試試題 一. 棧和隊列的區(qū)別? 棧的插入和刪除操作都是在一端進(jìn)行的，而隊列的操作卻是在兩端進(jìn)行的。 隊列先進(jìn)先出，棧先進(jìn)后出。 棧只允許在表尾一端進(jìn)行插入和刪...

    venmos 評論0 收藏0

發(fā)表評論

0條評論

chanthuang

男|高級講師

TA的文章

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