2018最新前端面試題四

這次帶給大家2018最新前端面試題，我們知道當你進入一個公司工作之前，面試這個階段是必不可少的一部分，這次的前端面試常考問題分類整理匯總就是來幫助大家度過前端面試這一大難關。一起來看一下。

【相關推薦：前端面試題（2020）】

1、什麼是FOUC (無樣式內容閃爍)？你如何來避免FOUC？

          如果使用import方法對CSS進行導入,會導致某些頁面在Windows 下的Internet Explorer出現一些奇怪的現象:以無樣式顯示頁面內容的瞬間閃爍,這種現象稱之為文檔樣式短暫失效(Flash of Unstyled Content),簡稱FOUC。

           原因大致為：

                  

                   

               其實已則為清楚：當樣式表晚於結構性html載入，載入到此樣式表時，頁面將停止先前的渲染。此樣式表被下載解析後，將重新渲染頁面，也就出現了短暫的花屏現象。

           解決方法：

            使用LINK標籤將樣式表放在文件HEAD。

2、請解釋什麼是ARIA和螢幕閱讀器(screenreaders)，以及如何使網站實現無障礙存取(accessible)。

         ARIA 為Web app提供滿足使用者不同需求的解決方案。建設起用戶和軟體之間的橋樑。

         在新的HTML5標準中增加 aria-* 的標籤屬性，全名為Accessible Rich Internet Application。與role標籤屬性配合使用。

         role屬性表示一個非標準的tag的實際功能。例如用div做button，那麼設定div 的 role=“button”，輔助工具就可以認出這實際上是個button。而aria-*的作用就是描述這個tag在可視化的情境中的具體訊息。

          最簡單的應用例如，

           < div role=”checkbox” aria-checked=”checked”>

           輔助工具就會知道，這個div其實是個checkbox的角色，為選取狀態。

3、請說明CSS動畫和JavaScript動畫的優缺點。

           1. css3動畫只相容於Ie10+，js動畫幾乎相容於所有瀏覽器；

         . js動畫復用性高

            4.在時間尺度上，css動畫粒徑比較粗，js動畫可以更精細；

           優雅降級，js程式碼還需要寫額外的程式碼

            6.在某些條件下，css動畫表現優於JS動畫；（webkit核心的瀏覽器，js執行昂貴的任務，不造成layout和repaint情況下）

            7.css3有自然的時間支持如（animationENd和transitionEnd）

4、什麼是跨域資源共享(CORS)？它用於解決什麼問題？

           當使用ajax跨網域請求時，瀏覽器請錯：XmlHttpRequest error: Origin null is not allowed by Access-Control-Allow-Origin.肯定是跨域的問題，如果使用跨域的問題或pronsonpproprojsonpprod的方式進行修改的話未免需要太大的工程量，所以採用CORS這種比較簡單有效率的技術。相比JOSP的方式，CORS更有效率。 JSONP由於它的原理只能實現GET請求，而CORS支援所有類型的HTTP請求。使用CORS,可以使用普通的ajax實現跨域相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

相關閱讀：

2018最新前端面試題一

2018最新前端面試題二

2018最新前端面試題三

以上是2018最新前端面試題四的詳細內容。更多資訊請關注PHP中文網其他相關文章！