資訊專欄INFORMATION COLUMN
摘要：本篇收錄了一些面試中經常會遇到的經典面試題，并且都給出了我在網上收集的答案。網頁的行為層負責回答內容應該如何對事件做出反應這一問題。
本篇收錄了一些面試中經常會遇到的經典面試題，并且都給出了我在網上收集的答案。眼看新的一年馬上就要開始了，相信很多的前端開發者會有一些跳槽的悸動，通過對本篇知識的整理以及經驗的總結，希望能幫到更多的前端面試者。（如有錯誤或更好的答案，歡迎指正，水平有限，望各位不吝指教。）
一. 什么是語義化的HTML?有何意義？為什么要做到語義化？（高頻率考題）a.什么是語義化的HTML？
語義化的HTML就是寫出的HTML代碼，符合內容的結構化（內容語義化），選擇合適的標簽 （代碼語義化），能夠便于開發者閱讀和寫出更優雅的代碼的同時讓瀏覽器的爬蟲和機器 很好地解析。
b、為什么要做到語義化？
1.有利于SEO，有利于搜索引擎爬蟲更好的理解我們的網頁，從而獲取更多的有效信息，提升網頁 的權重。 2.在沒有CSS的時候能夠清晰的看出網頁的結構，增強可讀性。 3.便于團隊開發和維護，語義化的HTML可以讓開發者更容易的看明白，從而提高團隊的效率和協 調能力。 4.支持多終端設備的瀏覽器渲染。二. 行內元素和塊元素分別有哪些？（高頻率）
塊級元素：div , p , form, ul, li , ol, dl, form, address, fieldset, hr,
menu, table
行內元素：span, strong, em, br, img , input, label, select, textarea, cite
三. iframe有那些缺點？
1.frame會阻塞主頁面的Onload事件； 2.iframe和主頁面共享連接池，而瀏覽器對相同域的連接有限制，所以會影響頁面的并行加載。 3.SEO不利，對爬蟲不友好。四. CSS的優先級？內聯和important哪個優先級高？（高頻率）
id選擇器 值：100 類選擇器 值：10 標簽選擇器： 1五. 盒子垂直居中方法（高頻率）
position: absolute; left:50%; top:50%; width:400px; height:400px; margin-left:-200px; margin-top:-200px;六. 浮動元素清除浮動方法（高頻率）
四種方法： 1、使用空標簽清除浮動 2、使用overflow屬性。（overflow:auto；zoom:1″用于兼容IE6） 3、使用after偽對象清除浮動。 該方法只適用于非IE瀏覽器 4、浮動外部元素，float-in-float。這種方法很簡單，就是把“#outer”元素也進行浮動（向左 或者向右）。七. Diplay:none與visibility：hidden的區別（高頻率）
visibility:hidden隱藏，但在瀏覽時保留位置； display:none視為不存在，且不加載！八. CSS中em和px的關系和區別
1. em的值并不是固定的；
2. em會繼承父級元素的字體大小。
12px = 1.2em
九. 閉包的理解，javascript的作用域（高頻率）
a、閉包就是能夠讀取其他函數內部變量的函數。 b、在本質上，閉包就是將函數內部和函數外部連接起來的一座橋梁。 閉包的用途 閉包可以用在許多地方。它的最大用處有兩個，一個是前面提到的可以讀取函數內部的變量，另 一個就是讓這些變量的值始終保持在內存中。 實例如下： 根據作用域鏈的規則，底層作用域沒有聲明的變量，會向上一級找，找到就返回，沒找到就一 直找，直到window的變量，沒有就返回undefined。這里明顯count 是函數內部的flag2 的那 個count 。
var count=10; //全局作用域 標記為flag1
function add(){
var count=0; //函數全局作用域 標記為flag2
return function(){
count+=1; //函數的內部作用域
alert(count);
}
}
var s = add()
s();//輸出1
s();//輸出2
JS中作用域的概念： 表示變量或函數起作用的區域，指代了它們在什么樣的上下文中執行，亦即上下 執行環境。Javascript的作用域只有兩種：全局作用域和本地作用域，本地作用 是按照函數來區分的。十. SetTimeout與setInterval區別
因為setTimeout(表達式,延時時間)在執行時,是在載入后延遲指定時間后,去執行一次表達式,記 住,次數是一次 而setInterval(表達式,交互時間)則不一樣,它從載入后,每隔指定的時間就執行一次表達式十一. 網站性能優化的方法（高頻率）
1）將css和js文件放在獨立外部文件中引用 2) 使用gzip壓縮網頁內容 3）將CSS放在頁面頂端，JS文件放在頁面底端 4）使JS文件內容最小化 5）盡量減少外部腳本的使用，減少DNS查詢時間 （ 文件合并 文件最小化/文件壓縮 使用 CDN 托管 緩存的使用（多個域名來提供緩存））十二. 前端由哪些部分組成（高頻率）
a、網頁的結構層（structural layer）由 HTML 或 XHTML 之類的標記語言負責創建。標簽，也 就是那些出現在尖括號里的單詞，對網頁內容的語義含義做出了描述，但這些標簽不包含任何關 于如何顯示有關內容的信息。例如，P 標簽表達了這樣一種語義：“這是一個文本段。” b、網頁的表示層（presentation layer） 由 CSS 負責創建。 CSS 對“如何顯示有關內容”的問 題做出了回答。 c、網頁的行為層（behavior layer）負責回答“內容應該如何對事件做出反應”這一問題。這是 Javascript 語言和 DOM 主宰的領域。十三. Jpeg、gif、png格式的優缺點，應用場景
jpg高畫質（圖片） gif 色質單一（圖標） png 透明
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/98636.html
摘要：本篇收錄了一些面試中經常會遇到的經典面試題，并且都給出了我在網上收集的答案。網頁的行為層負責回答內容應該如何對事件做出反應這一問題。 本篇收錄了一些面試中經常會遇到的經典面試題，并且都給出了我在網上收集的答案。眼看新的一年馬上就要開始了，相信很多的前端開發者會有一些跳槽的悸動，通過對本篇知識的整理以及經驗的總結，希望能幫到更多的前端面試者。（如有錯誤或更好的答案，歡迎指正，水平有限，望...
摘要：本篇收錄了一些面試中經常會遇到的經典面試題，并且都給出了我在網上收集的答案。網頁的行為層負責回答內容應該如何對事件做出反應這一問題。 本篇收錄了一些面試中經常會遇到的經典面試題，并且都給出了我在網上收集的答案。眼看新的一年馬上就要開始了，相信很多的前端開發者會有一些跳槽的悸動，通過對本篇知識的整理以及經驗的總結，希望能幫到更多的前端面試者。（如有錯誤或更好的答案，歡迎指正，水平有限，望...
摘要：上次由于時間有限只分享了一部分的前端面試題，所以本篇繼續分享前端經典面試試題一棧和隊列的區別棧的插入和刪除操作都是在一端進行的，而隊列的操作卻是在兩端進行的。 上次由于時間有限只分享了一部分的前端面試題，所以本篇繼續分享前端經典面試試題 一. 棧和隊列的區別? 棧的插入和刪除操作都是在一端進行的，而隊列的操作卻是在兩端進行的。 隊列先進先出，棧先進后出。 棧只允許在表尾一端進行插入和刪...
摘要：上次由于時間有限只分享了一部分的前端面試題，所以本篇繼續分享前端經典面試試題一棧和隊列的區別棧的插入和刪除操作都是在一端進行的，而隊列的操作卻是在兩端進行的。 上次由于時間有限只分享了一部分的前端面試題，所以本篇繼續分享前端經典面試試題 一. 棧和隊列的區別? 棧的插入和刪除操作都是在一端進行的，而隊列的操作卻是在兩端進行的。 隊列先進先出，棧先進后出。 棧只允許在表尾一端進行插入和刪...
閱讀 3560·2021-10-09 09:43
閱讀 6177·2021-09-07 10:15
閱讀 2757·2019-08-30 14:03
閱讀 3088·2019-08-29 11:01
閱讀 1724·2019-08-29 10:56
閱讀 1089·2019-08-28 17:52
閱讀 3508·2019-08-26 11:42
閱讀 2564·2019-08-26 10:33
