以u(píng)mi創(chuàng)建的項(xiàng)目的config.ts文件為例:cosnt TerserPlugin = require('terser-webpack-plugin') chainwebp...
IP屬地：廣東
-
chainwebpack在webpack4中去除console的配置方法
-
在react上實(shí)現(xiàn)vue的插槽slot
假設(shè)我們定義一個(gè)react組件，想要在react組件中像vue那樣傳入插槽內(nèi)容。因?yàn)?，react中一切都是js，插槽可以通過props傳遞進(jìn)來并渲染。那么，可以使用組件的pr...
-
react函數(shù)式組件與class組件優(yōu)化性能
1、class組件，使用showComponentUpdate鉤子函數(shù)，在函數(shù)內(nèi)部對(duì)props和state進(jìn)行判斷，如果需要更新，則返回true，否則返回false2、采用c...
-
diff算法實(shí)現(xiàn)的一些細(xì)節(jié)
react在對(duì)dom節(jié)點(diǎn)進(jìn)行比較更新時(shí)，先對(duì)節(jié)點(diǎn)的類型進(jìn)行判斷如果是相同類型的節(jié)點(diǎn)，新舊兩個(gè)dom樹結(jié)構(gòu)相同的情況下，不進(jìn)行更新，遞歸遍歷進(jìn)入下一級(jí)節(jié)點(diǎn)繼續(xù)比較；如果節(jié)點(diǎn)不相...
-
將token定義在全局導(dǎo)致的bug
場(chǎng)景：初始化模型時(shí)，會(huì)預(yù)先傳一個(gè)token給初始化的方法，作為第三方SDK文件的token，由于token定義在了全局而不是方法內(nèi)，這個(gè)token失效后，雖然重新進(jìn)行了登錄操...
-
react函數(shù)式組件中使用lodash的debounce
import _ from 'lodash' const userChange = (e: any) => {callAjax(e.target.value)} const ...
-
-
防抖 節(jié)流
防抖，顧名思義，就是防止抖動(dòng)節(jié)流，顧名思義，就是較少次數(shù)，控制流量 防抖，重點(diǎn)在于清零的操作：clearTimer(timer)節(jié)流，重點(diǎn)在于開關(guān)鎖：if(timer) re...
-
vue中的圖片渲染，長寬為0
由于加載dom的時(shí)候，先加載了img標(biāo)簽，但是由于圖片是從服務(wù)器上加載的，加載的速度比較慢，沒有實(shí)際的url地址，導(dǎo)致圖片的寬高為0.let that = thisthis....
-
webpack-bundle-analyzer分析SPA應(yīng)用
npm install --save-dev webpack-bundle-analyzer 在webpack的plugins中配置： new BundleAnalyzerP...
-
vue的路由守衛(wèi)
路由守衛(wèi)分3種：全局守衛(wèi)路由獨(dú)享守衛(wèi)組件內(nèi)的路由守衛(wèi) 1.全局守衛(wèi)：beforeEachbeforeResolveafterEach:一般放在main.js文件內(nèi) 2.路由獨(dú)...
-
vue的父子組件在生命周期中的先后順序父組件beforeMout階段后，子組件開始執(zhí)行創(chuàng)建的生命周期，等待子組件創(chuàng)建完成之后，父組件開始掛載
-
Typescript和JavaScript的區(qū)別
typescript是JavaScript的超級(jí)，可以使用JavaScript的代碼和邏輯，typescript在JavaScript的基礎(chǔ)上新增了類型和接口的概念，讓Jav...
-
@vue/cli4.2.3的坑
使用@vue/cli4.2.3 create初始化一個(gè)項(xiàng)目后，運(yùn)行命令一直報(bào)如下錯(cuò)誤，提示ansi-sytles找不到解決過程：1、以為是缺少提示中的包，直接按照提示安裝an...
-
commonjs和es6 module
commonjs:輸出方式：module.exports exports引入方式：require xx from 'xx.js'exports即module.export...
-
vue中g(shù)et請(qǐng)求如何傳遞數(shù)組參數(shù)
1、問題 示例代碼 let params = {statusList: ['OVERDUE', 'DELAY']} this.$http.get('/list', param...
-
Vue實(shí)例化時(shí)的配置
var vm = new Vue({// 數(shù)據(jù)data: "聲明需要響應(yīng)式綁定的數(shù)據(jù)對(duì)象",props: "接收來自父組件的數(shù)據(jù)",propsData: "創(chuàng)建實(shí)例時(shí)手動(dòng)傳遞...