前端面試題及答案

　　1、html5有哪些新特性、移除了那些元素?如何處理HTML5新標簽的瀏覽器兼容問題?如何區(qū)分 HTML 和HTML5?

　　(1)HTML5 現(xiàn)在已經不是 SGML 的子集，主要是關于圖像，位置，存儲，多任務等功能的增加。

　　(2)用于媒介回放的 video 和 audio 元素

　　(3)本地離線存儲 localStorage 長期存儲數據，瀏覽器關閉后數據不丟失

　　(4)語意化更好的內容元素，比如 article、footer、header、nav、section

　　(5)新的技術webworker, websockt, Geolocation移除的元素

　　(6)對可用性產生負面影響的元素：frame，frameset，noframes;支持HTML5新標簽

　　(7)IE8/IE7/IE6支持通過document.createElement方法產生的標簽

　　(8)瀏覽器支持新標簽后，還需要添加標簽默認的樣式

　　2、CSS隱藏元素的幾種方法

　　(1)Opacity:元素本身依然占據它自己的位置并對網頁的.布局起作用。它也將響應用戶交互;

　　(2)Visibility:與 opacity 唯一不同的是它不會響應任何用戶交互。此外，元素在讀屏軟件中也會被隱藏;

　　(3)Display:display 設為 none 任何對該元素直接打用戶交互操作都不可能生效。此外，讀屏軟件也不會讀到元素的內容。這種方式產生的效果就像元素完全不存在;

　　(4)Position:不會影響布局，能讓元素保持可以操作;

　　(5)Clip-path:clip-path 屬性還沒有在 IE 或者 Edge 下被完全支持。如果要在你的 clip-path 中使用外部的 SVG 文件，瀏覽器支持度還要低。

　　3、頁面導入樣式時，使用link和@import有什么區(qū)別?

　　(1)link屬于XHTML標簽，除了加載CSS外，還能用于定義RSS, 定義rel連接屬性等作用;而@import是CSS提供的，只能用于加載CSS;

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

　　(3)import是CSS2.1 提出的，只在IE5以上才能被識別，而link是XHTML標簽，無兼容問題。

　　4、性能優(yōu)化的方法

　　(1) 減少http請求次數：CSS Sprites, JS、CSS源碼壓縮、圖片大小控制合適;網頁Gzip，CDN托管，data緩存 ，圖片服務器;

　　(2) 用innerHTML代替DOM操作，減少DOM操作次數，優(yōu)化javascript性能。

　　(3) 避免使用CSS Expression(css表達式)又稱Dynamic properties(動態(tài)屬性)。

　　(4) 當需要設置的樣式很多時設置className而不是直接操作style。

　　(5) 圖片預加載，將樣式表放在頂部，將腳本放在底部 加上時間戳。

【前端面試題及答案】相關文章：

web前端面試題及答案02-19

Web前端面試題目及答案06-09

前端面試題庫及答案05-09

前端面試題01-20

HTML前端開發(fā)面試題及前端知識01-12

web前端面試題02-25

前端開發(fā)面試題01-14

前端開發(fā)面試題大全01-19

最新web前端面試題12-23