面試題2021

vue的生命週期，

vue的生命週期有哪一些是頁面加載前觸發的

beforeCreate

created 建立 初始化數據事件

beforeMount

mounted 載入 DOM渲染完成

beforeUpdate

updated 更新

beforeDestroy

destroyed 銷燬

第一次頁面加載會觸發哪幾個鉤子？~~~~

會觸發 下面這幾個beforeCreate, created, beforeMount, mounted 。

hash 和history的區別

在vue的路由配置中有mode選項，最直觀的區別就是在url中hash 帶了一個很醜的 # ，而history是沒有#的。vue默認使用hash。

hash     模式切換路由只改變dom，*不會* 向服務器發起請求。

history    切換路由 * 會  *向服務器發起請求，並改變dom。

v-if和v-show的區別

不推薦在同一元素上使用 v-if 和 v-for

什麼是同源策略

「protocol（協議）、domain（域名）、port（端口）三者一致。」

cookie是能跨域的麼

前端怎麼跨域

  CORS是一個W3C標準，全稱是"跨域資源共享"（Cross-origin resource sharing）
 對於簡單請求，瀏覽器直接發出CORS請求。具體來講，就是在頭信息之中，增長一個Origin字段

vue框架的跨域 WEBBACK 能夠設置代理

document.domain + iframe跨域

本文首次發佈於慕課網 ，轉載請註明出處，謝謝合做

什麼是盒子模型

全部HTML元素能夠看做盒子，
普通的盒模型就是 內容(content)+內邊距(padding)+邊框(border)+外邊距(margin).

CSS選擇器有哪些

* 一、標籤選擇器
* 二、類選擇器
* 三、id選擇器
* 四、子選擇器
* 五、包含選擇器
* 六、兄弟選擇器
* 八、全局選擇器
* 九、羣選擇器
* 十、屬性選擇器
* 十一、僞類選擇器
* 
* [] ([type=text]修飾屬性爲type=text的模塊)
* 
* 以，分隔(逗號分隔開須要修飾的模塊名)
* 
* 以*開頭(星號標在大括號前，修飾了包含body全部的標籤)
* 
* 以>隔開父子級元素，(模塊名>模塊名，修飾>前模塊內的子模塊)
* 
* 
*

LINK 和import 有什麼區別

* 
* 一：建議使用link，慎用@import
* 從屬關係
* 1.1 link：link是HTML提供的標籤，不只能夠加載[CSS]還能夠定義rel等屬性
* 1.2 @import：@import是css提供的語法，只有導入樣式表的做用
* 
* 加載順序
* 2.1  link：link在頁面加載時[CSS]同時被加載
* 2.2 @import：引入的[CSS]要等頁面加載完畢後再加載
* 
* 三、兼容性區別
* @import是 CSS2.1 纔有的語法，故只可在 IE5+ 才能識別；link標籤做爲 HTML 元素，不存在兼容性問題。
* 
* 四、DOM可控性區別

* 能夠經過 JS 操做 DOM ，插入link標籤來改變樣式；因爲 DOM 方法是基於文檔的，沒法使用@import的方式插入樣式。
* 以上就是link和@import的區別有哪些的詳細內容。

狀態碼有哪些

1XX 提示信息 – 表示請求正在處理
2XX 成功 – 表示請求正常處理完畢
3XX 重定向 – 要完成請求必須進行更進一步的處理
4XX 客戶端錯誤 – 請求有語法錯誤或請求沒法實現
5XX 服務器端錯誤 – 服務器處理請求出錯