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