9.vue和react的原理了解多少
vue[https://zhuanlan.zhihu.com/p/138114429]
10.call/apply/bind區(qū)別

1.call股囊、bind袜匿、apply 都是 JavaScript 中用于改變函數(shù)執(zhí)行上下文（即 this 指向）的方法。
2.call和bind 參數(shù)是列表稚疹，call會立即執(zhí)行居灯，bind不會
3.apply參數(shù)是數(shù)組，立即執(zhí)行
//

11.promise / async await 有什么關(guān)聯(lián)

Promise 和 async/await 是 JavaScript 中最常用的兩種異步編程方式内狗。Promise 通過使用 then() 和 catch() 方法來處理異步操作的結(jié)果怪嫌，而 async/await 通過使用 async 和 await 關(guān)鍵字來等待異步操作的結(jié)果。async/await 是建立在 Promise 之上的語法糖柳沙，它使得異步代碼更加易讀岩灭、易寫，同時也使得代碼結(jié)構(gòu)更加清晰赂鲤、易于維護(hù)噪径。在實(shí)際開發(fā)中，我們可以根據(jù)需要選擇合適的異步編程方式來處理異步操作蛤袒。

12.單點(diǎn)登陸的實(shí)現(xiàn)

單點(diǎn)登錄的關(guān)鍵在于熄云，如何讓 Session ID（或 Token）在多個域中共享。
1.將token存在父域cookie中子域驗(yàn)證cookie
2.認(rèn)證中心 網(wǎng)站跳轉(zhuǎn)將token攜帶到url中妙真，從url獲取token并驗(yàn)證登錄用戶
//

13.webpack常用的配置 優(yōu)化
14.git 常用工作流
15.怎么監(jiān)聽文件上傳下載的進(jìn)度
1.上傳

// 涉及函數(shù)onUploadProgress
// 形參: event
// 函數(shù)作用：請求接口上傳的過程中會不停的調(diào)用onUploadProgress函數(shù)
axiox({
    url: 'api/XXX',
    method: 'post',
    onUploadProgress: function (e) {
        console.log('e:',e);
    }
})
在上傳的過程中缴允，會不停的多次的調(diào)用onUploadProgress函數(shù)，
其中里面的total為本次上傳的總數(shù)據(jù)大小，loaded為本次上傳已上傳了多少數(shù)據(jù)练般。

2.下載

// 函數(shù) onDownLoadProgress
axiox({
    url: 'api/XXX',
    method: 'post',
    onDowbloadProgress: function (e) {
        console.log('e:',e);
    }
})
其中l(wèi)oaded還是已經(jīng)下載了的數(shù)據(jù)大小矗漾，至于總數(shù)據(jù)大小，需要后端提供

16.vue怎么修改一個數(shù)組的長度

this.arr = [];
this.arr.splice(0);
//

17.平時喜歡使用函數(shù)組件還是類組件 為什么薄料？

函數(shù)式組件 基本上是JavaScript函數(shù)敞贡，接受props作為參數(shù)并返回要呈現(xiàn)的React元素。它們比類組件更簡單摄职，更簡潔誊役，更容易理解和測試。它們通常也更快速地進(jìn)行渲染谷市。

18.vue/react怎么緩存頁面

1.vue/(keep-alive)
include 字符串或正則表達(dá)式 只有名稱匹配的組件會被緩存蛔垢。
exclude 字符串或正則表達(dá)式 任何名稱匹配的組件都不會被緩存。
max 數(shù)字 最多可以緩存多少組件實(shí)例
//

19.首屏優(yōu)化方案有哪些

1.按需加載
2.骨架屏
3.圖片懶加載迫悠，預(yù)加載
4.cdn靜態(tài)資源加速
5.圖片壓縮
6.精靈圖

20.瀏覽器輸入url按下回車發(fā)生了什么

1.URL解析：瀏覽器會解析輸入的URL鹏漆，將其分解為不同的組成部分。例如協(xié)議（通常是HTTP或HTTPS）创泄，域名（例如www.example.com）艺玲，以及可選的端口號，路徑和查詢參數(shù)等鞠抑。
2.DNS解析：瀏覽器需要將域名解析為IP地址饭聚，以便能夠與服務(wù)器進(jìn)行通信。它會首先檢查瀏覽器緩存中是否有與該域名對應(yīng)的IP地址碍拆。如果沒有若治，則向DNS服務(wù)器發(fā)送查詢請求，以獲取該域名對應(yīng)的IP地址感混。一旦找到IP地址，瀏覽器就可以建立與服務(wù)器的連接礼烈。
3.建立連接：瀏覽器使用HTTP或HTTPS協(xié)議與服務(wù)器建立TCP連接弧满，以便在服務(wù)器和瀏覽器之間傳輸數(shù)據(jù)。這個過程會進(jìn)入一些握手和驗(yàn)證的步驟此熬，以確保連接的安全性和穩(wěn)定性庭呜。
4.發(fā)送HTTP請求：一旦連接建立好，瀏覽器會發(fā)送一個HTTP請求到指定的服務(wù)器犀忱。這個請求中包含了請求的方法（GET募谎，POST等），路徑阴汇，請求頭部和可選的請求體等信息数冬。
5.服務(wù)器處理請求：服務(wù)器收到瀏覽器發(fā)送的請求后，會根據(jù)請求中的信息來處理請求搀庶。服務(wù)器可能會執(zhí)行一些操作拐纱，例如查找請求的資源铜异，執(zhí)行服務(wù)器端的邏輯，查詢數(shù)據(jù)庫等秸架。
6.服務(wù)器響應(yīng)：一旦服務(wù)器處理完請求揍庄，就會生成一個HTTP響應(yīng)并返回給瀏覽器。這個響應(yīng)中包含了響應(yīng)的狀態(tài)碼东抹，響應(yīng)頭部和響應(yīng)體等信息蚂子。常見的狀態(tài)碼有200表示成功，404表示資源未找到缭黔，500表示服務(wù)器內(nèi)部錯誤等食茎。
7.接收和渲染頁面：瀏覽器接收到服務(wù)器返回的響應(yīng)后，會根據(jù)響應(yīng)的內(nèi)容進(jìn)行解析和渲染试浙。如果響應(yīng)是一個HTML頁面董瞻，瀏覽器會解析HTML，CSS和JavaScript田巴，并將其渲染成可視化的頁面钠糊。同時，瀏覽器還會發(fā)送其他的請求來獲取頁面中引用的其他資源壹哺，例如圖片抄伍，樣式表，JavaScript文件等管宵。
8.關(guān)閉連接：一旦瀏覽器完成對頁面的渲染截珍，它會關(guān)閉與服務(wù)器的連接，釋放網(wǎng)絡(luò)資源箩朴。

21.動態(tài)路由的實(shí)現(xiàn)（怎么控制路由權(quán)限的）

route = [
{
meta: {permissionCode: 10023}
}
]

22.接口返回的狀態(tài)碼有哪些岗喉，都代表什么含義？

//
1炸庞、200 OK：客戶端請求成功钱床，表示請求已成功，請求所希望的響應(yīng)頭或數(shù)據(jù)體將隨此響應(yīng)返回埠居。
2查牌、302 (臨時重定向) : 表示請求的資源臨時搬到了其他位置請求的資源暫時被配到到了新的URI。
3滥壕、304 (未修改) : 表示客戶端發(fā)送附帶條件的請求（GET方法請求報(bào)文中的IF…）時纸颜，條件不滿足返回304時，不包含任何響應(yīng)主體
4绎橘、400 Bad Request：客戶端請求有語法錯誤胁孙，不能被服務(wù)器所理解。
5、401 Unauthorized：請求未經(jīng)授權(quán)浊洞，請求要求身份驗(yàn)證牵敷。對于需要登錄的網(wǎng)頁，服務(wù)器可能返回此響應(yīng)法希。
6枷餐、403 Forbidden：服務(wù)器收到請求，但是拒絕提供服務(wù)苫亦。
7毛肋、404 Not Found：請求資源不存在，服務(wù)器無法根據(jù)客戶端的請求找到資源屋剑，前端調(diào)用的URL不存在润匙。
8、500 Internal Server Error：服務(wù)器發(fā)生不可預(yù)期的錯誤唉匾，一般來說孕讳，這個問題都會在服務(wù)器程序出錯時出現(xiàn)，即后端問題巍膘。
9厂财、502 bad gateway：錯誤網(wǎng)關(guān)，由于連接超時峡懈，向服務(wù)器發(fā)送請求璃饱，由于服務(wù)器當(dāng)前鏈接太多，導(dǎo)致服務(wù)器方面無法給出正常的響應(yīng)肪康。
10荚恶、503 Server Unavailable：服務(wù)器當(dāng)前不能處理客戶端的請求，一段時間后可能恢復(fù)正常磷支。
11谒撼、504 ：網(wǎng)關(guān)超時，服務(wù)器作為網(wǎng)關(guān)或代理雾狈，未及時從上游服務(wù)器接收請求嗤栓。
12、405: 請求方式錯誤

23.項(xiàng)目上遇到最難的問題箍邮，舉例說明一下
24.eslint使用過嗎，都用過什么配置
25.除了npm還使用過哪些下載包的工具

1.cnpm yarn pnpm

26.談?wù)剉ue的v-model數(shù)據(jù)雙向綁定怎么實(shí)現(xiàn)的

v-model是v-bind:value和v-on:input的語法糖
input的值改變賦值給value叨叙，value的值改變锭弊，input輸入框的值也隨之改變，從而實(shí)現(xiàn)數(shù)據(jù)雙向綁定
//

27.vue的傳參方式有哪些

1擂错、父子組件間利用“props”和“$emit”進(jìn)行傳參味滞；2、爺孫組件間利用“provide”和“inject”進(jìn)行傳參；3剑鞍、兄弟組件間利用公共文件來傳參昨凡；4、路由間使用“query”和“params”來傳參蚁署。

28.對vue響應(yīng)式原理的理解
29.v-if和v-show的區(qū)別便脊，使用場景分別是什么
30.nextTick的作用和使用場景？

$nextTick是用來知道什么時候DOM更新完成的光戈。

31.let哪痰、var、const區(qū)別

//
一久妆、let晌杰、var、const區(qū)別
（1）塊級作用域:
塊作用域由 { }包括筷弦，let和const具有塊級作用域肋演，var不存在塊級作用域。塊級作用域解決了ES5中的兩個問題:
<> 內(nèi)層變量可能覆蓋外層變量
<> 用來計(jì)數(shù)的循環(huán)變量泄露為全局變量
（2）變量提升： var存在變量提升烂琴，let和const不存在變量提升爹殊，即在變量只能在聲明之后使用，否在會報(bào)錯监右。
（3）給全局添加屬性： 瀏覽器的全局對象是window边灭，Node的全局對象是global。var聲明的變量為全局變量健盒，并且會將該變量添加為全局對象的屬性绒瘦，但是let和const不會。
（4）重復(fù)聲明： var聲明變量時扣癣，可以重復(fù)聲明變量惰帽，后聲明的同名變量會覆蓋之前聲明的遍歷。const和let不允許重復(fù)聲明變量父虑。
（5）暫時性死區(qū)： 在使用let该酗、const命令聲明變量之前，該變量都是不可用的士嚎。這在語法上呜魄，稱為暫時性死區(qū)。使用var聲明的變量不存在暫時性死區(qū)莱衩。
（6）初始值設(shè)置： 在變量聲明時爵嗅，var 和 let 可以不用設(shè)置初始值。而const聲明變量必須設(shè)置初始值笨蚁。
（7）指針指向： let和const都是ES6新增的用于創(chuàng)建變量的語法睹晒。 let創(chuàng)建的變量是可以更改指針指向（可以重新賦值）趟庄。但const聲明的變量是不允許改變指針的指向。
二伪很、const對象的屬性可以修改嗎
const保證的并不是變量的值不能改動戚啥，而是變量指向的那個內(nèi)存地址不能改動。對于基本類型的數(shù)據(jù)（數(shù)值锉试、字符串猫十、布爾值），其值就保存在變量指向的那個內(nèi)存地址键痛，因此等同于常量炫彩。
但對于引用類型的數(shù)據(jù)（主要是對象和數(shù)組）來說，變量指向數(shù)據(jù)的內(nèi)存地址絮短，保存的只是一個指針江兢，const只能保證這個指針是固定不變的，至于它指向的數(shù)據(jù)結(jié)構(gòu)是不是可變的丁频，就完全不能控制了杉允。

32.實(shí)現(xiàn)對象深拷貝的方法，JSON.stringify() 有什么缺點(diǎn)

1席里、JSON.stringify(obj);//將對象轉(zhuǎn)換為json字符串形式
2叔磷、lodash.cloneDeep()實(shí)現(xiàn)深拷貝

3、遞歸實(shí)現(xiàn) (推薦使用)

//使用遞歸的方式實(shí)現(xiàn)數(shù)組奖磁、對象的深拷貝
export function deepClone (obj) {
    let objClone = Array.isArray(obj) ? [] : {};
    if (obj && typeof obj === "object") {
        for (var key in obj) {
            if (obj.hasOwnProperty(key)) {
                //判斷ojb子元素是否為對象改基，如果是，遞歸復(fù)制
                if (obj[key] && typeof obj[key] === "object") {
                    objClone[key] = deepClone(obj[key]);
                } else {
                    //如果不是咖为，簡單復(fù)制
                    objClone[key] = obj[key];
                }
            }
        }
    }
    return objClone;
};   

33.檢測數(shù)據(jù)類型的方式

// 判斷是否為undefined或null

const isDef = (v) => {
  return v !== undefined && v !== null
}
 

// 判斷是否為Promise 函數(shù)

const isPromise = (val) => {
  return (
    val !== undefine &&
    typeof val.then === 'function' &&
    typeof val.catch === 'function'
  )
}
 

// 判斷是否為簡單數(shù)據(jù)類型

const isPrimitive (value) => {
  return (
    typeof value === 'string' ||
    typeof value === 'number' ||
    typeof value === 'symbol' ||
    typeof value === 'boolean'
  )
}
 

// 嚴(yán)格檢查復(fù)雜數(shù)據(jù)類型

const isPlainObject = (obj) => {
  return Object.prototype.toString.call(obj) === '[object Object]'
}

const isRegExp = (v) => {
  return Object.prototype.toString.call(v) === '[object RegExp]'
}

34.HTTP/HTTPS協(xié)議

1.HTTP
超文本傳輸協(xié)議秕狰，是一個基于請求與響應(yīng)，無狀態(tài)的躁染，應(yīng)用層的協(xié)議鸣哀，常基于TCP/IP協(xié)議傳輸數(shù)據(jù)吞彤，互聯(lián)網(wǎng)上應(yīng)用最為廣泛的一種網(wǎng)絡(luò)協(xié)議,所有的WWW文件都必須遵守這個標(biāo)準(zhǔn)我衬。設(shè)計(jì)HTTP的初衷是為了提供一種發(fā)布和接收HTML頁面的方法。
1.1.HTTP特點(diǎn)
1.無狀態(tài)：協(xié)議對客戶端沒有狀態(tài)存儲饰恕，對事物處理沒有“記憶”能力挠羔，比如訪問一個網(wǎng)站需要反復(fù)進(jìn)行登錄操作
2.無連接：HTTP/1.1之前，由于無狀態(tài)特點(diǎn)埋嵌，每次請求需要通過TCP三次握手四次揮手褥赊，和服務(wù)器重新建立連接。比如某個客戶機(jī)在短時間多次請求同一個資源莉恼，服務(wù)器并不能區(qū)別是否已經(jīng)響應(yīng)過用戶的請求拌喉，所以每次需要重新響應(yīng)請求，需要耗費(fèi)不必要的時間和流量俐银。
3.基于請求和響應(yīng)：基本的特性尿背，由客戶端發(fā)起請求，服務(wù)端響應(yīng) 簡單快速捶惜、靈活
4.通信使用明文田藐、請求和響應(yīng)不會對通信方進(jìn)行確認(rèn)、無法保護(hù)數(shù)據(jù)的完整性
2.HTTPS
HTTPS是身披SSL外殼的HTTP吱七。
HTTPS是一種通過計(jì)算機(jī)網(wǎng)絡(luò)進(jìn)行安全通信的傳輸協(xié)議汽久，經(jīng)由HTTP進(jìn)行通信，利用SSL/TLS建立全信道踊餐，加密數(shù)據(jù)包景醇。HTTPS使用的主要目的是提供對網(wǎng)站服務(wù)器的身份認(rèn)證，同時保護(hù)交換數(shù)據(jù)的隱私與完整性吝岭。
2.2.HTTPS特點(diǎn)
1.內(nèi)容加密：采用混合加密技術(shù)三痰，中間者無法直接查看明文內(nèi)容
2.驗(yàn)證身份：通過證書認(rèn)證客戶端訪問的是自己的服務(wù)器
3.保護(hù)數(shù)據(jù)完整性：防止傳輸?shù)膬?nèi)容被中間人冒充或者篡改

35.vue路由傳參params和query的區(qū)別

// 1.params傳參：
//**1.1**
this.$router.push({
    name:'about', //組件名
    params: {id:'1'}  //傳遞的參數(shù) {key:value,key:value}
})
// 這種方式參數(shù)在url中看不到刷新頁面參數(shù)會丟失
//**1.2**
{
    path: "/about/:id",
    name: "about",
    component: () => import("../views/about/about.vue"),
  },
// 在路由中配置參數(shù)顯示在url中參數(shù)不會丟失
// 獲取參數(shù)：this.$route.params
//2.query傳參：
this.$router.push({
     path:'/about',
     // name:'about',
     query:{id:1}
})
// 參數(shù)在url中顯示參數(shù)不會丟失
// 獲取參數(shù)： this.$route.query

36.vue題集[https://zhuanlan.zhihu.com/p/644543319
]