前端面試準備筆記之html和css 03

2022-06-05 07:03:07 字數 751 閱讀 3004

01. html頁面的載入順序

html文件是自上而下載入的。

head完畢後,開始解析body中的**,此時如果遇到script>,同樣會將控制權交給js引擎。

當body中的**全部執行完畢,並且整個頁面的css樣式載入完畢,css會重新渲染整個頁面的html元素。

所以,script>標籤寫在標籤靠後的位置較好,因為js會操作html元素,如果在body之前寫js邏輯會造成找不到頁面元素。

如果遇到script>中有錯誤語法,會直接報錯並忽略該script>塊的執行,而跳到下乙個script>塊執行。

外部樣式和外部指令碼也是非同步載入的,載入外部檔案的時候,不會阻塞後面dom的解析,外部指令碼執行沒有async、defer的屬性時,會被外部樣式阻塞,也就是說要等到外部css載入完才會執行外部指令碼,新增async或defer就不會受到阻塞。

02. 頁面載入的時候呼叫js方法

03. a 標籤中target屬性使用

target屬性規定在何處開啟鏈結文件。以下是4個保留的目標名稱用作特殊的文件重定向操作:

04. 與瀏覽列表有關的物件

05. 背景圖和img標籤之間的區別?

06. iframe 與 frame

優點:

缺點:

iframe和frame的區別:

前端面試準備筆記之html和css 05

01.設定伸縮盒子 父盒子設定 設定伸縮盒子 父盒子設定 display flex 02.調整主軸方向 父盒子設定 調整主軸方向 父盒子設定 flex direction row 預設值 從左向右 flex direction row reverse 從右向左 flex direction colu...

前端面試準備

1.簡單介紹下ajax ajax是web2.0技術的核心由多種技術集合而成,使用ajax技術不必重新整理整個頁面,只需對頁面的區域性進行更新,可以節省網路頻寬,提高頁面的載入速度,從而縮短使用者等待時間,改善使用者體驗。2.tcp與udp的區別 1 tcp面向連線 如打 要先撥號建立連線 udp是無...

前端面試準備 2

1.一次完整的http事務是怎麼樣的過程?1 通過網域名稱尋找ip位址 瀏覽器會首先搜尋自己的瀏覽器快取裡面有沒有dns快取,如果找到則結束,裡面有網域名稱對應的ip位址。如果瀏覽器快取沒有找到,則會繼續往作業系統中查詢是否有dns快取,如果找到則結束,否則進行下一步。瀏覽器會向本地的dns服務提供...