@情商測(cè)試 不客氣,共同進(jìn)步
vue總結(jié)「二」--組件間的通訊1. 父子組件通訊:props 和 $emit 父組件 index.vue 給子組件 Input 傳遞事件 addHandler 給子組件 List 傳遞數(shù)據(jù)list、事件 ...
@情商測(cè)試 不客氣,共同進(jìn)步
vue總結(jié)「二」--組件間的通訊1. 父子組件通訊:props 和 $emit 父組件 index.vue 給子組件 Input 傳遞事件 addHandler 給子組件 List 傳遞數(shù)據(jù)list、事件 ...
Babel是什么?用于解析ES6,甚至比ES6更高級(jí)的語(yǔ)法,到ES5或ES4級(jí)別,滿足瀏覽器的兼容性 環(huán)境搭建 & 基本配置 ① package.json配置安裝: .bab...
目錄 前端為什么要進(jìn)行打包和構(gòu)建?module chunk bundle區(qū)別loader和plugin的區(qū)別babel和webpack的區(qū)別webpack如何實(shí)現(xiàn)懶加載如何產(chǎn)...
*** 代表重要程度及頻率內(nèi)容正不斷迭代更新,敬請(qǐng)期待~ 一、Javascript基礎(chǔ)模塊 1. 變量類型和計(jì)算 知識(shí)點(diǎn)題目1.值類型vs引用類型、堆棧模型、深拷貝內(nèi)容***...
本篇講的是 Webpack 對(duì)于優(yōu)化產(chǎn)出代碼,也就是對(duì)于產(chǎn)品性能的優(yōu)化, 優(yōu)點(diǎn):代碼體積更小;合理分包不重復(fù)加載;速度更快,內(nèi)存使用更少。 懶加載 import提取公共代碼I...
本篇講的是 Webpack 對(duì)于優(yōu)化打包構(gòu)建速度,也就是對(duì)于開發(fā)體驗(yàn)和效率的優(yōu)化。有如下幾處可以優(yōu)化: 優(yōu)化 babel-loaderIgnorePlugin 避免引入無(wú)用模...
@情商測(cè)試 謝謝分享,研究下去
vue總結(jié)「二」--組件間的通訊1. 父子組件通訊:props 和 $emit 父組件 index.vue 給子組件 Input 傳遞事件 addHandler 給子組件 List 傳遞數(shù)據(jù)list、事件 ...
1.懶加載 abc.js 文件中定義數(shù)據(jù): 動(dòng)態(tài)引入數(shù)據(jù) - 實(shí)現(xiàn)懶加載: 最后產(chǎn)出一個(gè)獨(dú)立的js,等同于定義一個(gè)chunk 2.處理JSX 修改 .babelrc 配置為:...
為什么要抽離公共模塊、第三方模塊? 多入口打包時(shí)引入公共部分,公共部分會(huì)進(jìn)行重復(fù)打包,打包效率降低,打包文件體積變大;第三方模塊不會(huì)改變,但頁(yè)面發(fā)生任何變動(dòng),第三方模塊都需要...
本地開發(fā)環(huán)境不需要壓縮css,配置保持不變;生產(chǎn)中壓縮css可以優(yōu)化產(chǎn)出代碼,故只在生產(chǎn)環(huán)境進(jìn)行css壓縮; 在開發(fā)和生產(chǎn)分別配置如下: 1.在生產(chǎn)配置中配置css抽離壓縮加...
1.js文件 多入口配置: 在公共配置中配置多入口[webpack.common.js]: 生產(chǎn)環(huán)境配置多出口[webpack.prod.js]: 2.生成多個(gè)html文件 ...
1.拆分配置和merge webpack配置文件拆分為:webpack.common.js 存放公共配置webpack.dev.js 存放開發(fā)環(huán)境配置webpack.prod...
vue常見面試題整理: 使用及原理篇: 組件間的通訊[http://www.itdecent.cn/p/4877a41639cc] 組件生命周期[https://www.j...
合理使用v-show和 v-if合理使用computed(緩存)v-for中加key,避免和v-if同時(shí)使用自定義事件和DOM事件及時(shí)銷毀(否則會(huì)導(dǎo)致內(nèi)存泄露)合理使用異步組...
計(jì)算屬性 computed computed用來(lái)監(jiān)控自己定義的變量,該變量不在data里面聲明,直接在computed里面定義,然后就可以在頁(yè)面上進(jìn)行雙向數(shù)據(jù)綁定展示出結(jié)果或...
vue3.0 升級(jí)內(nèi)容 全部用TS重寫的(響應(yīng)式、vdom、模本編譯)性能提升,減少代碼量會(huì)調(diào)整部分APIProxy重寫響應(yīng)式 vue2.x 馬上要過(guò)時(shí)了嗎 vue3.0從正...
Vuex 是一個(gè)專為 Vue.js 應(yīng)用程序開發(fā)的狀態(tài)管理模式。它采用集中式存儲(chǔ)管理應(yīng)用的所有組件的狀態(tài),并以相應(yīng)的規(guī)則保證狀態(tài)以一種可預(yù)測(cè)的方式發(fā)生變化。 一個(gè)狀態(tài)管理實(shí)例...
vue-router的路由模式有 hash模式 和 history模式,默認(rèn)使用 hash 模式hash模式:使用 URL 的 hash 來(lái)模擬一個(gè)完整的 URL,于是當(dāng) U...
1.初次渲染過(guò)程 解析模板為render函數(shù)(或在開發(fā)環(huán)境中已完成,vue-loader)觸發(fā)響應(yīng)式,監(jiān)聽data屬性的getter setter(render函數(shù)需要通過(guò)g...
模板是什么? 模板不是html,有指令,插值、JS表達(dá)式,能判斷、循環(huán)html是標(biāo)簽語(yǔ)言,只有JS才能實(shí)現(xiàn)判斷、循環(huán)(圖靈完備的)因此,模板一定是轉(zhuǎn)換為某種JS代碼,即編譯模...