以umi创建的项目的config.ts文件为例:cosnt TerserPlugin = require('terser-webpack-plugin') chainwebp...
IP属地：广东
-
chainwebpack在webpack4中去除console的配置方法
-
在react上实现vue的插槽slot
假设我们定义一个react组件，想要在react组件中像vue那样传入插槽内容。因为，react中一切都是js，插槽可以通过props传递进来并渲染。那么，可以使用组件的pr...
-
react函数式组件与class组件优化性能
1、class组件，使用showComponentUpdate钩子函数，在函数内部对props和state进行判断，如果需要更新，则返回true，否则返回false2、采用c...
-
diff算法实现的一些细节
react在对dom节点进行比较更新时，先对节点的类型进行判断如果是相同类型的节点，新旧两个dom树结构相同的情况下，不进行更新，递归遍历进入下一级节点继续比较；如果节点不相...
-
将token定义在全局导致的bug
场景：初始化模型时，会预先传一个token给初始化的方法，作为第三方SDK文件的token，由于token定义在了全局而不是方法内，这个token失效后，虽然重新进行了登录操...
-
react函数式组件中使用lodash的debounce
import _ from 'lodash' const userChange = (e: any) => {callAjax(e.target.value)} const ...
-
-
vue中的图片渲染，长宽为0
由于加载dom的时候，先加载了img标签，但是由于图片是从服务器上加载的，加载的速度比较慢，没有实际的url地址，导致图片的宽高为0.let that = thisthis....
-
webpack-bundle-analyzer分析SPA应用
npm install --save-dev webpack-bundle-analyzer 在webpack的plugins中配置： new BundleAnalyzerP...
-
-
Typescript和JavaScript的区别
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: "创建实例时手动传递...