1. webpack3和webpack4的區(qū)別 1.1. mode/–mode參數(shù)新增了mode/--mode參數(shù)來(lái)表示是開(kāi)發(fā)還是生產(chǎn)（development/product...
發(fā)簡(jiǎn)信
IP屬地：湖南
-
webpack面試題
-
vue2.x學(xué)習(xí)筆記
一個(gè) Vue 應(yīng)用由一個(gè)通過(guò) new Vue 創(chuàng)建的根 Vue 實(shí)例，以及可選的嵌套的、可復(fù)用的組件樹(shù)組成。 所有的 Vue 組件都是 Vue 實(shí)例，并且接受相同的選項(xiàng)對(duì)象 ...
-
React虛擬滾動(dòng)列表
開(kāi)發(fā)思路解析 實(shí)現(xiàn)效果，永遠(yuǎn)只渲染在可視區(qū)域的DOM數(shù)據(jù) 計(jì)算容器展示所有數(shù)據(jù)的時(shí)候的高度 滾動(dòng)計(jì)算動(dòng)態(tài)顯示的開(kāi)始下標(biāo)和結(jié)束下標(biāo) slice截取顯示的數(shù)據(jù)， 數(shù)據(jù)整體tran...
-
RxJS 用法(操作符)總結(jié)
RxJS 用法總結(jié) 本博客只總結(jié)了常用的部分RxJS方法， RxJS可能會(huì)讓你對(duì)響應(yīng)式編程產(chǎn)生新的理解。RxJS 囊括了很多數(shù)據(jù)流處理方法，比如：scan、concat、ma...
-
Vue 2 和 Vue 3 的區(qū)別
大部分寫(xiě)法完全一致，除了以下幾點(diǎn) Vue 3 的 Template 支持多個(gè)根標(biāo)簽，Vue 2 不支持 Vue 3 有 createApp()，而 Vue 2 的是 new ...
-
關(guān)于JSON.parse(JSON.stringify(obj))實(shí)現(xiàn)深拷貝應(yīng)該注意的坑
JSON.parse(JSON.stringify(obj))我們一般用來(lái)深拷貝，其過(guò)程說(shuō)白了 就是利用JSON.stringify 將js對(duì)象序列化（JSON字符串），再使...
-
2020前端面試問(wèn)題及答案整理css的重繪與回流 重繪：當(dāng)節(jié)點(diǎn)需要更改外觀而不會(huì)影響布局。 回流：DOM結(jié)構(gòu)的修改引發(fā)DOM幾何尺寸變化的時(shí)候，發(fā)生回流。常見(jiàn)的幾何屬性有width、height、padd...
-
react hooks之useDebounce useThrottle
防抖：觸發(fā)高頻事件后n秒內(nèi)函數(shù)只會(huì)執(zhí)行一次，如果n秒內(nèi)高頻事件再次被觸發(fā)，則重新計(jì)算時(shí)間。 節(jié)流：高頻事件觸發(fā)，但在n秒內(nèi)只會(huì)執(zhí)行一次，所以節(jié)流會(huì)稀釋函數(shù)的執(zhí)行頻率。 備注：...
-
2020前端面試題（HTTP、Vue）
HTTP押題 1. HTTP的請(qǐng)求頭和響應(yīng)頭知道多少？ 2. HTTP的響應(yīng)碼知道多少？ 3. GET和POST的區(qū)別？ 4. HTTP緩存有幾種？ Vue押題 1. wat...
-
Vue-Router 原理一、背景 當(dāng)我們?cè)谑褂胿ue-router的時(shí)候是否會(huì)產(chǎn)生疑惑，為什么這個(gè)東西能幫助我們建立起url與頁(yè)面組件之間的映射關(guān)系？vue-router的hash模式和histor...
-
2020高頻前端面試題匯總（一）
前端基礎(chǔ)篇 如何理解執(zhí)行上下文 JavaScript執(zhí)行上下文(context)主要指代碼執(zhí)行環(huán)境的抽象概念。執(zhí)行上下文分為三種： 全局執(zhí)行上下文 函數(shù)執(zhí)行上下文 eval執(zhí)...
-
-
react + react-redux + iron-redux自搭腳手架
簡(jiǎn)述 搭建基于redux、react-redux、iron-redux的腳手架，此demo僅做個(gè)人練習(xí)使用。Home目錄是react-redux;Iron目錄是iron-re...
-
關(guān)于拖放的筆記
angular因?yàn)槭请p向數(shù)據(jù)流，處理拖拽后的數(shù)據(jù)變化比較方便，用過(guò)原生的html5拖放(drag和drop)、angular的cdk drag-drop以及第三方dragul...
-
git clone報(bào)錯(cuò)
從gitlab拉代碼git clone ssh的方式報(bào)錯(cuò)：packet_write_wait: Connection to 100.67.155.102 port 22: B...
-
展開(kāi)運(yùn)算符是淺拷貝
理解深淺拷貝以及深淺拷貝的方法
先考慮一種情況，對(duì)一個(gè)已知對(duì)象進(jìn)行拷貝，編譯系統(tǒng)會(huì)自動(dòng)調(diào)用一種構(gòu)造函數(shù)——拷貝構(gòu)造函數(shù)，如果用戶未定義拷貝構(gòu)造函數(shù)，則會(huì)調(diào)用默認(rèn)拷貝構(gòu)造函數(shù)。 執(zhí)行結(jié)果：調(diào)用一次構(gòu)造函數(shù)，調(diào)...
