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