前端改變視窗大小內容不變形 前端面試題整理(三)

2021-10-12 06:27:06 字數 2277 閱讀 2246

閱讀本文約需要6分鐘

這次我們看看html面試題

html(1)新元素

(2)新屬性

(3)新事件

(4)取消了一些元素: font center等

(5)新的doctype宣告  /span> html> 

(6)完全支援css3

(7)video和audio

(8)2d/3d製圖

(9)本地儲存

(10)本地sql資料

(11)web應用what?根據內容的結構(內容語義化),選擇合適的標籤(**語義化)便於開發者閱讀和寫出更優雅的**的同時讓瀏覽器的爬蟲和機器很好地解析。why?為了在沒有css的情況下,頁面也能呈現出很好地內容結構、**結構:為了裸奔時好看;

方便其他裝置解析(如螢幕閱讀器、盲人閱讀器、移動裝置)以意義的方式來渲染網頁;

便於團隊開發和維護,語義化更具可讀性,是下一步吧網頁的重要動向,遵循w3c標準的團隊都遵循這個標準,可以減少差異化。

how?(1)對於那些瀏覽器不能識別的doctype ,瀏覽器採用quirks mode;

(2)沒有宣告dtd或者html版本宣告低於4.0採用quirks mode,其他使用standard mode;

(3)ie6中,如果在doctype宣告前有乙個xml宣告(比如:<?xml version="1.0" encoding="iso-8859-1"?>),則採用quirks mode解析

(4)沒有doctype宣告的採用quirks mode解析

(5)對於有doctype的大多數採用standard mord。

(1)在strict mode中 :

width是內容寬度 ,也就是說,元素真正的寬度 = margin-left + border-left-width + padding-left + width + padding-right + border-right- width +  margin-right;

(2)在quirks mode中 :width則是元素的實際寬度 ,內容寬度 = width - (margin-left + margin-right + padding-left + padding-right + border-left-width +  border-right-width)

(3)標準模式:瀏覽器根據規範呈現頁面

(4)混雜模式(怪異模式):頁面以一種比較寬鬆的相容方式顯示。

(5)他們最大的不同是對盒模型的解析。5. 使用xhtml的侷限有哪些?(1)cookie:(2)sessionstorage和localstorage不會自動把資料發給伺服器,僅在本地儲存。(3)儲存大小:(5)作用域不同:(6)web storage 支援事件通知機制,可以將資料更新的通知傳送給監聽者。(7)web storage 的 api 介面使用更方便。(1)其實資料既可以在瀏覽器本地儲存,也可以在伺服器端儲存。

(2)瀏覽器端可以儲存一些資料,需要的時候直接從本地獲取,sessionstorage、localstorage和cookie都由瀏覽器儲存在本地的資料。

(3)伺服器端也可以儲存所有使用者的所有資料,但需要的時候瀏覽器要向伺服器請求資料。

(4)伺服器端儲存所有的使用者的資料,所以伺服器端的開銷較大,而瀏覽器端儲存則把不同使用者需要的資料分布儲存在使用者各自的瀏覽器中。

(5)瀏覽器端一般只用來儲存小資料,而伺服器可以儲存大資料或小資料。

(6)伺服器儲存資料安全一些,瀏覽器只適合儲存一般資料。

(1)svg: 

(2)canvas

(3)區別

(1)src指向外部資源的位置, 用於替換當前元素, 比如js指令碼, 等元素

(2)href指向網路資源所在的位置, 用於在當前文件和引用資源間確定聯絡, 載入css

前端面試題整理

從瀏覽器位址列輸入url到顯示頁面的步驟 以http為例 在瀏覽器位址列輸入url 瀏覽器檢視快取,如果請求資源在快取中並且新鮮,跳轉到轉碼步驟 如果資源未快取,發起新請求 如果已快取,檢驗是否足夠新鮮,足夠新鮮直接提供給客戶端,否則與伺服器進行驗證。檢驗新鮮通常有兩個http頭進行控制expire...

前端面試題整理

1.html5的新特性。主要講講新增哪些api 地理定位,拖放,web儲存應用快取,webworkers,sse 2.css3的新特性。3 使用嚴格模式的限制有哪些。4 什麼是同源?什麼情況下就屬於跨域?怎麼解決跨域說出三種以上的方法,jsonp原理是什麼。同源 協議,網域名稱,埠相同 方法一 co...

前端面試題整理

js 1 ajax 原理 ajax的基本原理總結 2 原型和原型鏈 原型和原型鏈 3 深拷貝淺拷貝 js的深拷貝和淺拷貝 4 繼承有幾種方式 js繼承的幾種方式 5 閉包 js閉包 6 阻止事件冒泡,和預設事件 阻止事件冒泡,阻止預設事件 7 陣列去重 物件去重 8 陣列有哪些方法 9 promis...