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