HTML CSS JS 面試考題

1.標籤上 title 與 alt 屬性的區別是什麼?

alt 是給搜索引擎識別,在圖像無法顯示時的替代文本;
title 是關於元素的注釋信息,主要是給用戶解讀。
當鼠標放到文字或是圖片上時有 title 文字顯示。(因為 IE 不標準)在 IE 瀏覽器中 alt 起到了 title 的作用,變成文字提示。
在定義 img 對象時,將 alt 和 title 屬性寫全,可以保證在各種瀏覽器中都能正常使用。

2.CSS 的盒子模型組成?

有兩種, IE 盒子模型、W3C 盒子模型;
盒模型: 內容(content)、填充(padding)、邊界(margin)、 邊框(border);
區 別: IE 的 content 部分把 border 和 padding 計算了進去;

3.css 選擇器優先級?

!important > 行內樣式(比重1000)> ID 選擇器(比重100) > 類選擇器(比重10) > 標籤(比重1) > 通配符 > 繼承 > 瀏覽器默認屬性

4.垂直水平居中幾種方式?

單行文本: line-height = height
圖片: vertical-align: middle;
absolute 定位: top: 50%;left: 50%;transform: translate(-50%, -50%);
flex: display:flex;margin:auto

5.position的值, relative和absolute分別是相對於誰進行定位的?

relative:相對定位,相對於自己本身在正常文檔流中的位置進行定位。
absolute:生成絕對定位,相對於最近一級定位不為static的父元素進行定位。
fixed: (老版本IE不支持)生成絕對定位,相對於瀏覽器窗口或者frame進行定位。
static:默認值,沒有定位,元素出現在正常的文檔流中。
sticky:生成粘性定位的元素,容器的位置根據正常文檔流計算得出。

6.JS 數據類型有哪些 ?

數據類型主要包括兩部分:
基本數據類型: Undefined、Null、Boolean、Number 和 String
引用數據類型: Object 、Function、symbol

7.「 ===」、「 ==」的區別?

==,(當且僅當兩個運算數相等時,它返回 true)即不檢查數據類型
===,(只有在無需類型轉換運算數就相等的情況下,才返回 true)需要檢查數據類型

8.var、【let、const 區別?

var 存在變量提升。
let 只能在塊級作用域內訪問。
const 用來定義常量,必須初始化,不能修改(對象特殊)

9.GET和POST的區別,何時使用POST?

GET和POST的區別:
GET:一般用於查詢數據,使用URL傳遞參數,通過超鏈接提交,由於瀏覽器對地址欄長度有限制,所以對使用get方式所發送信息的數量有限制,同時瀏覽器會記錄(歷史記錄,緩存)請求地址的信息,包括地址後面的數據。get 只能發送普通格式(URL 編碼格式)的數據。
POST:一般用於向服務器發送數據,主要通過表單提交,對所發送的數據的大小理論上是沒有限制,瀏覽器會緩存記錄地址,但是不會記錄 post 提交的數據。post 可以發送純文本、URL編碼格式、二進制格式的字符串,形式多樣。

在以下情況中,請使用 POST 請求:
以提交為目的的請求(類似語義化,get 表示請求,post 表示提交);
發送私密類數據(用戶名、密碼)(因為瀏覽器緩存記錄特性);
向服務器發送大量數據(數據大小限制區別);
上傳文件圖片時(數據類型區別);

10.1rem、1em、1vh、1px各自代表的含義?

rem 是全部的長度都相對於根元素元素。通常做法是給html元素設置一個字體大小,然後其他元素的長度單位就為rem。

em 子元素字體大小的em是相對於父元素字體大小,元素的width/height/padding/margin用em的話是相對於該元素的font-size

vw/vh 全稱是 Viewport Width 和 Viewport Height,視窗的寬度和高度,相當於 屏幕寬度和高度的 1%,不過,處理寬度的時候%單位更合適,處理高度的 話 vh 單位更好。

px像素(Pixel)。相對長度單位。像素px是相對於顯示器屏幕分辨率而言的。

一般電腦的分辨率有{1920×1024}等不同的分辨率
1920×1024 前者是屏幕寬度總共有1920個像素,後者則是高度為1024個像素

Leave a Comment

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *