Hi you are using Webpack 4 and Terser ^5.0.0. This version of Terser is for Webpack 5, you need to set version "terser-webpack-plugin": "^4.2.3", in package.json file
您正在使用Webpack 4和精简版^5.0.0。此版本的Terser适用于网页包5,您需要在软件包中设置版本“terser webpack plugin”:“^4.2.3”json文件阅读全文>>
interface IRecipeProps {
ingredients?: string[];
title?: string;
img?: string;
instructions?: string;
}
interface IRecipeState {
}
class Recipe extends Component<IRecipeProps, IRecipeState>&n...阅读全文>>
1.el-table 增加99.9%的宽度
2.
.el-table__header,.el-table__body,.el-table__footer{
border-collapse: collapse!important;
}
3.
将表格外层元素的width宽度减去滚动条的宽度就解决了
类似这样:
<div :style={width: `calc(100% - ${scrollbarWidth})`}> <el-table/> </div>
4.el...阅读全文>>
React 项目打包时,如果不进行异步组件的处理,那么所有页面所需要的 js 都在同一文件中(bundle.js),整个js文件很大,从而导致首屏加载时间过长。
所有,可以对组件进行异步加载处理,通常可以使用 React-loadable。
React-loadable 使用
例如,对于项目中的detail组件(/src/pages/detail/),在 detail 目录下新建 loadable.js:
import React from 'react';
import Loadable from 'react-loadable';
const LoadableC...阅读全文>>
n Ubuntu Docker Container
1- apt-get update
2- apt-get install ca-certificates -y
3- update-ca-certificates阅读全文>>
class 可以 extends 自另一个 class。这是一个不错的语法,技术上基于原型继承。
要继承一个对象,需要在 {..} 前指定 extends 和父对象。
这个 Rabbit 继承自 Animal:
class Animal { constructor(name) { this.speed = 0 this.name = name } run(speed) { this.speed += speed alert(`${this.name} runs with speed ${th...阅读全文>>
https://juejin.cn/post/6878892606307172365
图解:
https://zhuanlan.zhihu.com/p/149972619阅读全文>>
Vue2.x 到 Vue3 详细对比
2.1 生命周期的变化
Vue2.x
Vue3
beforeCreate
使用 setup()
created
使用 setup()
beforeMount
on...阅读全文>>
监听一个变量的变化,当变量变化时执行某些操作,这类似现在流行的前端框架(例如 React、Vue等)中的数据绑定功能,在数据更新时自动更新 DOM 渲染,那么如何实现数据绑定喃?
本文给出两种思路:
ES5 的 Object.defineProperty
ES6 的 Proxy
ES5 的 Object.defineProperty
Object.defineProperty() 方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性,并返回此对象
——MDN
...阅读全文>>
Node.js的Cluster多进程模式。
PM2的实现原理,它是基于Cluster模式的封装。
Node.js,都是以单线程的方式运行的,因此,在多核心处理器的系统中并不能发挥其最大的性能。
Node.js的cluster模块
幸运的是,Node.js给我们提供了cluster模块,它可以生成多个工作线程来共享同一个TCP连接。
它是如何运作的呢?
首先,Cluster会创建一个master,然后根据你指定的数量复制出多个server app(也被称之为工作线程)。它通过IPC通道与工作线程之间...阅读全文>>