前端面試知識1

1.什么是HTML5?

HTML5是最新的HTML標準,他的主要目標是提供所有內容而不需要任何的像flash,silverlight等的額外插件,這些內容來自動畫,視頻,富GUI等

HTML5是萬維網聯盟(W3C)和網絡超文本應用技術工作組(WHATWG)之間合作輸出的

2.什么是SVG(Scalable Vector Graphics可縮放矢量圖形)?

SVG(Scalable Vector Graphics可縮放矢量圖形)表示可縮放矢量圖形。他是基于文本的圖形語言,使用文本,線條,點等來進行圖像繪制,這使得他輕便,顯示更加迅速

3.HTML5廢棄了哪些HTML4標簽?

frame、frameset、noframe、applet、big、center、basefront

4.瀏覽器渲染過程

1、首先獲取html,然后構建dom樹

2、其次根據css構建render樹,render樹中不包含定位和幾何信息

3、最后構建布局數,布局是含有元素的定位和幾何信息

5.關于前端模塊化?

前端模塊化就是把復雜的文件分成一個個獨立的模塊,比如js文件,分成獨立的模塊之后有利于代碼的重用和維護,但是這樣又會引來模塊與模塊之間的依賴問題,所以就有了CommonJS、AMD、CMD規范,最后出現了webpack,webpack就是前端模塊化的一種解決方案,基本上大公司都會使用webpack。

6.對WEB標準以及W3C的理解與認識

標簽閉合、標簽小寫、不亂嵌套、提高搜索機器人搜索幾率、使用外鏈css和js腳本、結構行為表現的分離、文件下載與頁面速度更快、內容能被更多的用戶所訪問、內容能被更廣泛的設備所訪問、更少的代碼和組件,容易維護、改版方便,不需要變動頁面內容、提供打印版本而不需要復制內容、提高網站易用性

7.什么是事務存儲?我們如何創建一個事務存儲?

會話存儲和本地存儲類似,但是數據在會話中有效,簡而言之數據在你關閉瀏覽器的時候就被刪除了。

為了創建一個會話存儲你需要使用“sessionStorage.variablename.”

如果你刷新瀏覽器則數目增加,但是如果你關閉瀏覽器,變量又會從0開始。

8.HTML5中的應用緩存是什么?

一個最需要的事最終是用戶的離線瀏覽,換句話說,如果網絡連接不可用時,頁面應該來自瀏覽器緩存,離線應用緩存可以幫助你達到這個目的

應用緩存可以幫助你指定哪些文件需要緩存,哪些不需要。

9.CSS中 link 和@import的區別是?

(1)link屬于HTML標簽,而@import是CSS提供的;?

(2) 頁面被加載的時,link會同時被加載,而@import引用的CSS會等到頁面被加載完再加載;

(3)import只在IE5以上才能識別,而link是HTML標簽,無兼容問題;

?(4)link方式的樣式的權重 高于@import的權重

10.對BFC規范的理解?

BFC,塊級格式化上下文,一個創建了新的BFC的盒子是獨立布局的,盒子里面的子元素的樣式不會影響到外面的元素。在同一個BFC中的兩個毗鄰的塊級盒在垂直方向(和布局方向有關系)的margin會發生折疊

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,805評論 1 92
  • 在線閱讀 http://interview.poetries.top[http://interview.poetr...
    前端進階之旅閱讀 114,808評論 24 450
  • 前端開發面試知識點大綱: HTML&CSS: 對Web標準的理解、瀏覽器內核差異、兼容性、hack、CSS基本功:...
    秀才JaneBook閱讀 2,540評論 0 25
  • 請參看我github中的wiki,不定期更新。https://github.com/ivonzhang/Front...
    zhangivon閱讀 7,179評論 2 19
  • <a name='html'>HTML</a> Doctype作用?標準模式與兼容模式各有什么區別? (1)、<...
    clark124閱讀 3,554評論 1 19