這次帶給大家2018最新前端面試題,我們知道在前端工作中面試是必不可少的一部分,這次的前端面試常考問題分類整理匯總就是來幫助大家度過前端面試著一大難關。一起來看一下。
【相關推薦:前端面試題(2020)】
一、你如何對網站的檔案和資源進行最佳化?
1.盡可能減少http請求次數,將css, js, 圖片各自合併
2.使用CDN,降低通訊距離
3.新增Expire/Cache-Control頭
4 .啟用Gzip壓縮檔
5.將css放在頁面最上面
6.將script放在頁面最下面
7.避免在css中使用表達式
8.將css, js都放在外部檔案中
9.減少DNS查詢
10.最小化css, js,減少檔案體積
11.避免重定向
12.移除重複腳本
13.配置實體標籤ETag
14.使用AJAX緩存,讓網站內容分批加載,局部更新
二、為什麼利用多個網域來提供網站資源更有效?瀏覽器同一時間可以從一個網域下載多少資源?
1、靜態內容和動態內容分伺服器存放,使用不同的伺服器處理請求。處理動態內容的只處理動態內容,不處理別的,提高效率,這樣使得CDN(內容分發網絡)緩存更方便
2、 突破瀏覽器並發限制(你隨便挑一個G家的url: #https://lh4.googleusercontent.com/- si4dh2myPWk/T81YkSiAI/AAAAAAAAQ5o/LlwbBRpp58Q/w497-h373/IMG_20120603_163233.jpg,h373/IMG_20120603_163233.jpg,lh,46 將前面的地圖換成,都可以訪問前面的圖樣之類的需要大量並發下載圖片的站點,這個非常重要。
四、請談談你對網頁標準和標準制定機構重要性的理解。
網頁標準和標準制定機構都是為了能讓web發展的更'健康',首先約束瀏覽器開發者遵循統一的標準,其次約束網站開發者,這樣降低開發難度,開發成本, SEO也會更好做,也不會因為濫用程式碼導致各種BUG、安全問題,最終提高網站易用性。
五、請解釋 CSS 動畫和
JavaScript動畫的優缺點。
JS動畫缺點:(1)JavaScript在瀏覽器的主線程中運行,而主線程中還有其它需要運行的JavaScript腳本、樣式計算、佈局、繪製任務等,對其乾擾導致線程可能出現阻塞,造成丟幀的情況。 (2)程式碼的複雜度高於CSS動畫優點:(1)JavaScript動畫控制能力很強, 可以在動畫播放過程中控制動畫:開始、暫停、回放、終止、取消都是可以做到的。
(2)動畫效果比
css3動畫
豐富,有些動畫效果,例如曲線運動,衝擊閃爍,視差滾動效果,只有JavaScript動畫才能完成
(3)CSS3有相容性問題,而JS大多時候沒有相容性問題
CSS動畫缺點:(1)運行過程控制較弱,無法附加事件綁定回呼函數
。 CSS動畫只能暫停,不能在動畫中尋找一個特定的時間點,不能在半路反轉動畫,不能變換時間尺度,不能在特定的位置添加回調函數或是綁定回放事件,無進度報告
(2)代碼冗長。想用 CSS 實作稍微複雜一點動畫,最後CSS程式碼都會變得非常笨重。
優點:(1)瀏覽器可以對動畫進行最佳化。 瀏覽器使用與requestAnimationFrame 類似的機制,requestAnimationFrame比起setTimeout,setInterval設定動畫的優點主要是:1)requestAnimationFrame 會把每一幀中的所有DOM操作集中起來,在一次重繪或回流中就完成,並且重繪或回流的時間間隔緊緊跟隨瀏覽器的刷新頻率,一般來說,這個頻率為每秒60幀。 2)在隱藏或不可見的元素中requestAnimationFrame不會進行重繪或回流,這當然就意味著更少的cpu,gpu和記憶體使用量。強制使用硬體加速(透過 GPU 來提升動畫效能)
相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!
相關閱讀:
以上是2018最新前端面試題六的詳細內容。更多資訊請關注PHP中文網其他相關文章!