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是相對於顯示器屏幕分辨率而言的。
一般電腦的分辨率有{1920x1024}等不同的分辨率
1920x1024 前者是屏幕寬度總共有1920個像素,後者則是高度為1024個像素
