淺拷貝拷貝 目標(biāo)對(duì)象的屬性 引用類型地址實(shí)現(xiàn)淺拷貝的方式Object.assign({}, .obj)Array.slice() 深拷貝拷貝 目標(biāo)對(duì)象的屬性深拷貝實(shí)現(xiàn)方式JS...
發(fā)簡(jiǎn)信
IP屬地：浙江
-
手寫(xiě)深淺拷貝
-
封裝一個(gè)函數(shù)，實(shí)現(xiàn)請(qǐng)求失敗重傳
一個(gè)異步請(qǐng)求/操作 模擬代碼如下 要求：實(shí)現(xiàn)一個(gè)函數(shù)retry ，能對(duì)原函數(shù)進(jìn)行封裝，達(dá)到如下效果：如果如果請(qǐng)求失敗，會(huì)自動(dòng)重新發(fā)起請(qǐng)求，最多嘗試n次。 實(shí)現(xiàn) 完整測(cè)試代碼
-
Webpack的構(gòu)建流程
初始化配置對(duì)象，創(chuàng)建compiler對(duì)象實(shí)例化插件，調(diào)用插件的apply方法，掛載插件的監(jiān)聽(tīng)從入口文件執(zhí)行編譯，按照文件類型調(diào)用相應(yīng)的loader，在合適的時(shí)間調(diào)用plugi...
-
Webpack分包策略在 webpack 打包過(guò)程中，經(jīng)常出現(xiàn) vendor.js， app.js 單個(gè)文件較大的情況，這偏偏又是網(wǎng)頁(yè)最先加載的文件，這就會(huì)使得加載時(shí)間過(guò)長(zhǎng)，從而使得白屏?xí)r間過(guò)長(zhǎng)，...
-
Webpack分包策略在 webpack 打包過(guò)程中，經(jīng)常出現(xiàn) vendor.js， app.js 單個(gè)文件較大的情況，這偏偏又是網(wǎng)頁(yè)最先加載的文件，這就會(huì)使得加載時(shí)間過(guò)長(zhǎng)，從而使得白屏?xí)r間過(guò)長(zhǎng)，...
-
如何提升Webpack構(gòu)建速度
通過(guò)externals配置來(lái)提取常用庫(kù)利用DllPlugin和DllReferencePlugin預(yù)編譯資源模塊,通過(guò)DllPlugin來(lái)對(duì)那些我們引用但是絕對(duì)不會(huì)修改的np...
-
手寫(xiě)Loader和Plugin
loader一、loader 是什么，有什么用是 webpack 用于在編譯過(guò)程中解析各類文件格式，并輸出；本質(zhì)上就是一個(gè) node 模塊，通過(guò)寫(xiě)一個(gè)函數(shù)來(lái)完成自動(dòng)化的過(guò)程；...
-
TreeShaking是什么？
Tree Shaking 值的就是當(dāng)我引入一個(gè)模塊的時(shí)候，我不引入這個(gè)模塊的所有代碼，我只引入我需要的代碼，這就需要借助 webpack 里面自帶的 Tree Shaking...
-
computed與watch的區(qū)別
computedomputed 是計(jì)算屬性，它會(huì)根據(jù)你所依賴的數(shù)據(jù)動(dòng)態(tài)顯示新的計(jì)算結(jié)果計(jì)算屬性將被加入到 Vue 實(shí)例中。所有 getter 和 setter 的 this ...
-
nextTick的原理
什么是nextTick呢？nextTick，我可以理解為next是下一個(gè)的意思，在事件循環(huán)中，每進(jìn)行一次循環(huán)操作稱為 tick就是下一個(gè)事件循環(huán)操作，也就是下一個(gè)宏任務(wù) ne...
-
VueRouter中hash和history模式的原理
hash模式 hash 模式的路由中帶有 # 號(hào) hash 模式通過(guò) window.onhashchange 方法監(jiān)聽(tīng)路由的修改 hash 模式在頁(yè)面刷新的時(shí)候，發(fā)送的請(qǐng)求 ...
-
Vue中的keep-alive有什么用
keep-alive是什么 keep-alive是一個(gè)抽象組件：它自身不會(huì)渲染一個(gè)DOM元素，也不會(huì)出現(xiàn)在父組件鏈中；使用keep-alive包裹動(dòng)態(tài)組件時(shí)，會(huì)緩存不活動(dòng)的組...
-
組件data為什么是函數(shù)
-如果 data 是一個(gè)對(duì)象，當(dāng)復(fù)用組件時(shí)，因?yàn)?data 都會(huì)指向同一個(gè)引用類型地址，其中一個(gè)組件的 data 一旦發(fā)生修改，則其他重---用的組件中的 data 也會(huì)被一...
-
Vue響應(yīng)式原理/雙向數(shù)據(jù)綁定
一句話概括：采用數(shù)據(jù)劫持結(jié)合發(fā)布-訂閱模式,通過(guò) Object.defineproperty 來(lái)劫持各個(gè)屬性的 setter,getter,在數(shù)據(jù)變動(dòng)時(shí)發(fā)布消息給訂閱者,觸發(fā)...
-
美團(tuán)面試題
HTML 部分： HTML5 新增了哪些內(nèi)容或 API，使用過(guò)哪些？ SVG 和 Canvas 的區(qū)別？ 用一個(gè) div 模擬 textarea 的實(shí)現(xiàn)？ 如何處理 HTM...
-
vue組件如何通信？有幾種方式？
在vue中組件通訊可以分為父子組件通訊和非父子組件通信。父組件通過(guò)props的方式向子組件傳遞數(shù)據(jù)，而子組件可以通過(guò)$emit向父組件通信兄弟組件通信: eventBus ;...
-
Vue父子組件生命周期調(diào)用順序
一、順序1.加載渲染過(guò)程父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMoun...
-
如何進(jìn)行網(wǎng)站性能優(yōu)化
減少HTTP請(qǐng)求數(shù)。使用緩存。腳本的無(wú)阻塞加載。內(nèi)聯(lián)腳本的位置優(yōu)化等。Javascript中的DOM 操作優(yōu)化、CSS選擇符優(yōu)化。圖片編碼優(yōu)化，懶加載。