1.組件懶加載：
??又叫延遲加載或者按需加載，使用import函數(shù)來實(shí)現(xiàn)
2.盒子模型：
??分為內(nèi)容內(nèi)容框和邊框盒模型，有外邊距（margin）、內(nèi)邊距（padding）邊框（border），內(nèi)容區(qū)域（content）組成
3.什么是js閉包，有什么作用
??內(nèi)部函數(shù)能訪問外部函數(shù)作用域中的變量；
外部函數(shù)定義了內(nèi)部函數(shù)，并在其作用域聲明了一些變量；
內(nèi)部函數(shù)能夠捕獲并保留對外部作用域變量的引用，即便外部函數(shù)執(zhí)行結(jié)束；
用于數(shù)據(jù)封裝（創(chuàng)建私有變量和方法），模塊化，狀態(tài)維持（讓變量的生命周期超出原本的作用域），函數(shù)柯里化（通過閉包保留部分參數(shù)，創(chuàng)造新的函數(shù)），模塊化，異步編程
function 外部函數(shù)() {
function 內(nèi)部函數(shù)() {
var 內(nèi)部變量 = "我是內(nèi)部變量"
// 直接返回內(nèi)部變量
return 內(nèi)部變量
}
// 調(diào)用內(nèi)部函數(shù)并獲取內(nèi)部變量的值
var 內(nèi)部變量的值 = 內(nèi)部函數(shù)()
console.log(內(nèi)部變量的值)
}
外部函數(shù)()4.事件循環(huán)
??是JS處理異步操作的一種機(jī)制，確保了非阻塞的執(zhí)行環(huán)境；
1.執(zhí)行桟運(yùn)行所有同步代碼，比如函數(shù)調(diào)用，按照先進(jìn)后出的規(guī)則
2.任務(wù)隊(duì)列分為宏任務(wù)（如setTimeout,setInterval）和微任務(wù)（如Promise的then,process.nextTick）
3.事件循環(huán)過程首先執(zhí)行全局腳本作為初始桟任務(wù)，桟內(nèi)任務(wù)執(zhí)行完畢，檢查微任務(wù)隊(duì)列，一次性執(zhí)行完所有微任務(wù)，隨后取出一個(gè)宏任務(wù)執(zhí)行，執(zhí)行過程中又生成新的微任務(wù)，如此宏任務(wù)微任務(wù)交替執(zhí)行，直到完成所有任務(wù)；
舉例說明：

• 先執(zhí)行所有同步代碼。
• 然后執(zhí)行當(dāng)前微任務(wù)隊(duì)列中的所有任務(wù)。
• 接著執(zhí)行下一個(gè)宏任務(wù)。
• 重復(fù)上述過程，不斷檢查微任務(wù)隊(duì)列，再執(zhí)行宏任務(wù)。
  5.原型鏈
  ??是JS實(shí)現(xiàn)繼承的核心機(jī)制，允許對象之間共享屬性和方法，每個(gè)JS對象都有一個(gè)內(nèi)置的屬性為Prototype（它是一個(gè)原型對象可以使用proto或者getprototypeOf訪問對象內(nèi)部原鏈接，這個(gè)鏈接指向最終原型對象）
  1.原型對象每個(gè)構(gòu)造函數(shù)都有一個(gè)prototype屬性，這個(gè)屬性就是原型對象，原型對象上定義的屬性和方法，可以被構(gòu)造函數(shù)創(chuàng)建的所有實(shí)例共享；
  2.對象的屬性查找當(dāng)訪問一個(gè)對象的屬性和方法時(shí)，如果沒有對應(yīng)的屬性和方法js會繼續(xù)在該對象的原型上查找，如果還是沒有，則繼續(xù)在原型的原型上查找，直到找到或到達(dá)原型鏈的末端（Object.prototype）這個(gè)過程就是原型鏈遍歷
  最好不要修改原型，會影響到已經(jīng)存在的實(shí)例。
  6.JS模塊化開發(fā)
  把一個(gè)復(fù)雜的程序，分解成一個(gè)一個(gè)的獨(dú)立模塊，有助于避免全局變量污染，增強(qiáng)代碼的復(fù)用
  使用import和export關(guān)鍵字實(shí)現(xiàn)模塊導(dǎo)入導(dǎo)出。支持動(dòng)態(tài)導(dǎo)入、命名和默認(rèn)導(dǎo)出等特性。
  還有CommonJS,require用于倒入模塊，module.exports用于導(dǎo)出
  區(qū)別在于值的傳遞不同前者為引用后者為淺拷貝；
  加載時(shí)機(jī)不同前者為靜態(tài)加載是異步的，后者為運(yùn)行時(shí)加載是同步的；
  前者支持動(dòng)態(tài)導(dǎo)入，實(shí)現(xiàn)按需加載后者不行；
  前者為ES標(biāo)準(zhǔn)的一部分，后者主要運(yùn)用于node.js
  7.MVVM開發(fā)模式和VUE特點(diǎn)
  model view viewModel 數(shù)據(jù)改變視圖改變，視圖改變數(shù)據(jù)改變；model代表數(shù)據(jù)層，view代表視圖層，它們都通過viewModel進(jìn)行通信
  vue主要特點(diǎn)有：
  1.聲明式渲染（將數(shù)據(jù)綁定在dom上，使得視圖能夠根據(jù)數(shù)據(jù)變化進(jìn)行更新）
  2.組件化（每個(gè)組件都是自包含的，可以復(fù)用）
  3.mvvm模式
  4.虛擬dom（可以理解為記錄下所有需要更新的dom，然后只更新這部分）
  5.響應(yīng)式系統(tǒng)（自動(dòng)響應(yīng)數(shù)據(jù)變化并更新視圖）
  8.VUE的生命周期，一般在哪一塊發(fā)請求
  beforeCreate/create
  beforeMount/mounted
  beforeUpdate/update
  beforeDestroy/destroyed
  一般在created和mounted里發(fā)送請求
  9.Computed和Watch的區(qū)別及應(yīng)用場景
  計(jì)算屬性有緩存，聲明式，默認(rèn)為只讀，不支持異步，適用于數(shù)據(jù)轉(zhuǎn)換場景
  監(jiān)聽無緩存，支持異步，可手動(dòng)觸發(fā)，適用于數(shù)據(jù)變化之后的操作
  10.VUE常用指令
  v-bind v-on v-if v-for v-else-if v-model v-show v-text v-html v-pre v-cloak v-once
  11.VUEX是什么，怎么使用，哪些功能場景使用它
  狀態(tài)管理模式和庫
  安裝之后創(chuàng)建store.js在里面定義你的store，然后在main.js中引入store，也可以通過this.emit
  兄弟組件傳值vuex eventBus
  13.v-model如何實(shí)現(xiàn)雙向綁定
  它的內(nèi)部實(shí)際是v-bind和v-on，使用雙向綁定時(shí)，通過v-bind:value將屬性綁定到表單的value屬性上然后通過v-on:input監(jiān)聽表單的input事件
  14.VUE-router的兩種模式
  哈希模式：#后面的部分用來表示當(dāng)前路由，利用了window.onhashchange事件監(jiān)聽哈希的變化，并在哈希改變時(shí)更新頁面視圖，且兼容性好
  歷史模式：頁面切換改變url，不需要重新加載頁面
  15.axios是什么，它的特點(diǎn)有哪些
  它基于promise的http客戶端
  支持promise使得請求代碼更加優(yōu)雅簡潔
  可以設(shè)置攔截器
  自動(dòng)解析JSON格式的響應(yīng)數(shù)據(jù)，也支持序列化js對象為JSON數(shù)據(jù)進(jìn)行發(fā)送
  支持取消請求
  提供了get post put delete 等方法
  支持鏈?zhǔn)秸{(diào)用
  16.var let const 之間的區(qū)別
  var：聲明的變量具有函數(shù)作用域，在函數(shù)外部聲明為全局變量，可以重新賦值，變量提升，函數(shù)作用域
  let：無法變量提升，可重新賦值，塊級作用域（只能在指定的代碼塊內(nèi)訪問）
  const：無法變量提升，不可重新賦值，塊級作用域
  17.使用箭頭函數(shù)需要注意什么
  沒有自己的this，它的this是從最近的一層函數(shù)繼承來的，
  不可改變this的綁定
  不能用作構(gòu)造函數(shù)，沒有原型鏈
  如果箭頭函數(shù)只有一條語句可以省略大括號和return
  18.前端如何優(yōu)化性能
  減少不必要的空白和注釋，減少文件大小
  優(yōu)化圖片可以使用SVG和JPEG格式
  按需加載
  在元素狀態(tài)改變少的情況下用v-if
  若元素狀態(tài)改變頻繁用v-show
  盡量減少api請求數(shù)量
  18.vue2和vu3有哪些區(qū)別（請分別從生命周期、diff 算法、響應(yīng)式原理方面做出解答）
  vue2的生命周期：
  beforeCreate/create
  beforeMount/mounted
  beforeUpdate/update
  beforeDestroy/destroyed
  vue3的生命周期：
  beforeUnmount/unmounted替換了beforeDestroy/destroyed
  vue2 diff算法：
  雙向綁定，數(shù)據(jù)更新的時(shí)候要重新遍歷對象
  vue3 diff算法：
  單向流，數(shù)據(jù)更新了只要在新的虛擬dom中找到更新之后的數(shù)據(jù)即可
  vue3響應(yīng)式原理：
  雙向綁定通過Object.defineProperty來綁定
  vue3響應(yīng)式原理：
  通過proxy代理解決綁定
  19.說一說vue的diff算法
  數(shù)據(jù)發(fā)生改變會生成一個(gè)虛擬dom，用這個(gè)虛擬dom跟就dom就行對比，然后更新已經(jīng)修改過的
  20.iframe的作用以及優(yōu)缺點(diǎn)
  用于頁面的內(nèi)嵌（嵌入另一個(gè)html頁面，通常用于加載廣告，嵌入視頻，地圖等第三方頁面）
  優(yōu)點(diǎn)：
  ? <iframe> 中的內(nèi)容是獨(dú)立加載的，不會阻塞主頁面的加載
  ? 可以進(jìn)行局部刷新，減小帶寬，增加網(wǎng)站安全性能
  ? 無需離開當(dāng)前頁面
  缺點(diǎn)：
  ? 搜索引擎難以抓取iframe中的內(nèi)容，從而影響用戶檢索時(shí)的網(wǎng)站排布優(yōu)先級
  ? iframe加載的內(nèi)容無法追蹤，難以提供詳細(xì)的日志記錄；
  ? iframe會增加頁面的請求次數(shù)和大小，降低頁面速度
  21.事件委托以及冒泡原理
  事件委托是在父級元素上監(jiān)聽子級元素，基于事件冒泡原理實(shí)現(xiàn)的。
  當(dāng)一個(gè)事件在某個(gè)元素上觸發(fā)時(shí)，該事件會從最深的節(jié)點(diǎn)開始向上冒泡，直到到達(dá)文檔的根結(jié)點(diǎn)，利用這個(gè)特性我們可以在一個(gè)共同的祖先元素上設(shè)置事件監(jiān)聽器，當(dāng)子元素觸發(fā)事件時(shí)，事件會冒泡到這個(gè)祖先元素，然后我們通過事件對象判斷是哪個(gè)子元素觸發(fā)的事件。
  22.什么是防抖和節(jié)流
  防抖主要是延遲函數(shù)的執(zhí)行，在用戶最后一次點(diǎn)擊后，等待固定時(shí)間去執(zhí)行，相當(dāng)于加了一個(gè)冷卻時(shí)間。
  節(jié)流主要是保證一個(gè)函數(shù)在一定時(shí)間內(nèi)只被調(diào)用一次，可以使用定時(shí)器和時(shí)間戳來實(shí)現(xiàn)。
  23.前端如何實(shí)現(xiàn)即時(shí)通訊
  ??ajax輪詢：最早的實(shí)時(shí)通信技術(shù)之一，定時(shí)向服務(wù)器發(fā)送請求來檢查是否有新消息
  WebSocket（使用了全雙工的通信渠道，允許服務(wù)器和客戶端雙向?qū)崟r(shí)通信，協(xié)議為ws://或wss://）
  以WebSocket為例，實(shí)現(xiàn)前端即時(shí)通訊的基本步驟如下：
  建立WebSocket連接：使用new WebSocket(url)創(chuàng)建WebSocket實(shí)例，連接到服務(wù)器。
  處理連接狀態(tài)：監(jiān)聽open、close、error事件，處理連接的打開、關(guān)閉和錯(cuò)誤狀態(tài)。
  發(fā)送消息：使用socket.send(data)方法向服務(wù)器發(fā)送消息。
  接收消息：監(jiān)聽message事件，處理從服務(wù)器接收到的消息。
  斷開連接：使用socket.close()方法斷開WebSocket連接。
  24.小程序中bindtap和catchtap區(qū)別
  ??bindtap：默認(rèn)的事件綁定方式，單點(diǎn)擊組件并松開觸發(fā)bindtap事件，且向上冒泡，直到查到被處理或到達(dá)跟元素，如果父元素綁定了事件，子元素觸發(fā)之后也會觸發(fā)父元素的事件
  catchtap：是一個(gè)特殊的事件綁定方式，主要作用為阻止事件冒泡
  25.小程序有哪些數(shù)據(jù)傳遞的方法
  ??數(shù)據(jù)綁定：最基本的傳遞方式，在模版中使用{{ }}語法來綁定頁面的顯示數(shù)據(jù)，在Page對象的data屬性中定義的數(shù)據(jù)
  事件綁定：在組件中使用bind前綴的事件綁定，可以將事件處理函數(shù)與組件事件關(guān)聯(lián)起來，當(dāng)用戶與組件交互時(shí)，觸發(fā)的事件會攜帶數(shù)據(jù)，實(shí)現(xiàn)子傳父
  組件間傳參：父頁面可以通過<my-component data-param="{{param}}"></my-component>的方式向子組件傳參，子組件通過properties來接受這些參數(shù)
  使用$emit和on（自定義事件，通過事件綁定和觸發(fā)來實(shí)現(xiàn)）
  App對象：在app.js里的App對象的globaData屬性可以用來存儲全局?jǐn)?shù)據(jù)，在任何頁面都可以訪問
  使用微信小程序的本地存儲API：wx.setStorageSync和wx.getStorageSync
  26.vue中Class與Style如何動(dòng)態(tài)綁定
  ??可以使用:來動(dòng)態(tài)綁定class和style
  語法：<div :class="{ action:isAction }"></div>
  27.vue中的mixins有何作用，如何使用
  ??代碼復(fù)用，邏輯封裝，行為一致性
  可以定義混入，組件中使用混入，全局混入（一般不建議）
  28.vue中的transition動(dòng)畫有哪些作用，如何使用
  用于添加進(jìn)入和離開的動(dòng)畫效果
  css：transition: opacity .5s
  html：用<transition>把需要過渡的元素包括起來
  29.ES6有哪些新特性
  Promis 擴(kuò)展運(yùn)算符 模版字符串 結(jié)構(gòu)賦值 箭頭函數(shù) const和let symbol set和map Class Module
  30.Promise是什么，有什么作用
  es6新特性，為了解決回調(diào)地獄，特點(diǎn)是狀態(tài)不受外界影響（有進(jìn)行中（padding）、已成功（fulfilled）、已結(jié)束（redected）三種狀態(tài)）且狀態(tài)不可逆
  31.什么原因會造成內(nèi)存泄漏
  閉包：(如果閉包中的變量一直被引用，外部函數(shù)執(zhí)行完畢也不會被垃圾回收導(dǎo)致)
  全局變量：（因?yàn)槿肿兞吭诔绦虻纳芷诙际强稍L問的，不會垃圾回收）
  未移除的事件監(jiān)聽器：（在為dom元素創(chuàng)建事件監(jiān)聽器時(shí)，js會創(chuàng)建一個(gè)指向該元素的引用，如果監(jiān)聽器在不需要的時(shí)候沒被移除，即時(shí)dom元素銷毀，也會保留對該元素的引用，因?yàn)閐om元素雖然不在了但是引用還在，使得垃圾無法回收）
  定時(shí)器：（類似事件監(jiān)聽器，定時(shí)器也會創(chuàng)建相關(guān)函數(shù)變量的引用，如果定時(shí)器設(shè)置后沒被清除，引用就會存在，導(dǎo)致內(nèi)存泄漏）
  32.v-show和v-if的指令區(qū)別是什么
  v-show為操作display屬性進(jìn)行隱藏，v-if是直接把元素從dom樹中移除，在開發(fā)中為了新能優(yōu)化，若條件變化不多則使用v-if，反之用v-show
  33.vue2 對象及數(shù)組 數(shù)據(jù)改變 視圖不改變（響應(yīng)式時(shí)效）
  對象使用this.set可以解決，數(shù)組使用
  34.vue2中 onMounted 對應(yīng)js中什么函數(shù)
  window.onload()
  35.有三個(gè)接口，要求只有前面兩個(gè)接口調(diào)用成功了 ，才能調(diào)用第三個(gè)接口
  Promise.all監(jiān)聽前面兩個(gè)函數(shù)
  36.數(shù)組有哪些方法，有啥功能
  ??includes():判斷數(shù)組中是否存在某個(gè)元素，存在返回true否則返回false
  filter()：建一個(gè)新數(shù)組，其包含通過測試的所有元素
  map()：創(chuàng)建一個(gè)新數(shù)組，數(shù)組中的元素為原始數(shù)組元素調(diào)用函數(shù)處理后的值
  forEach()：對數(shù)組中的每個(gè)元素執(zhí)行提供的函數(shù)
  37.怎么解決跨域
  ? 在webpack或vite的config配置文件中可以設(shè)置proxy代理
  ? 使用JSONP借助回調(diào)函數(shù)解決跨域
  ? 服務(wù)器端：服務(wù)器配置cors開啟允許跨域、Nginx 服務(wù)器反向代理
  38.組件封裝思路
  ? 明確組件職責(zé)：每個(gè)組件應(yīng)該有明確的職責(zé)，盡量做到單一職責(zé)原則。組件的功能應(yīng)該盡可能單一，這樣可以提高組件的復(fù)用性和可維護(hù)性。
  ? 組合組件：通過組合多個(gè)小組件來構(gòu)建更復(fù)雜的組件。這樣的小組件可以獨(dú)立開發(fā)、測試和維護(hù)，同時(shí)也能提高代碼的可讀性。
  ? 組件通訊與插槽：props/emit、slots插槽、provide/inject 注入
  ? 確保組件之間的樣式隔離
  39.常用指令優(yōu)先級
  ? v-for v-if : v2中v-for高于v-if v3中 v-if高于v-for
  ? 如果一定要同時(shí)使用則在外層包裹一個(gè) <template> 在其上使用v-for， 內(nèi)層包裹v-if
  40.http 401 403 301 303 分別代表什么
  401：沒有認(rèn)證
  403：有認(rèn)證，但沒有權(quán)限
  301：訪問的資源轉(zhuǎn)移，會返回location頭，指明新的url
  303：比如get post請求方法使用錯(cuò)了
  41.重繪和回流 是什么意思 有什么功能
  重繪改變元素的外觀屬性，比如：顏色，背景顏色，邊框顏色
  回流是改變元素的大小，可能會dom樹重建
  42.vux actions 為什么是異步的
  它是被設(shè)計(jì)成異步的，原因?yàn)椋悍蛛x關(guān)注點(diǎn)、用戶界面更新、鏈?zhǔn)秸{(diào)用、promise支持、更好的測試性
  43.css的 : 和 :: 有啥區(qū)別
  單冒號：偽類
  雙冒號：偽元素
  44.微信小程序授權(quán)登陸 解釋一下
  不需要用戶輸入賬戶密碼，點(diǎn)擊授權(quán)微信生成一個(gè)臨時(shí)的code，通過回調(diào)函數(shù)傳給小程序