前端工作小知识

数字每三位以逗号分隔

const toDecimalMark = num => num.toLocaleString('en-US')

axios获取上传文件进度

axios({
	method: 'post',
	url,
	data: formData,
	onUploadProgress: progress => {
        if (progress.lengthComputable) {
            this.uploadprogressPercentage = (progress.loaded / progress.total).toFixed(2) * 100  // 进度条百分比
        }
    }
})

axios取消接口

// 下发上传请求
const cancelToken = axios.CancelToken;
this.source = cancelToken.source();

axios({
	method: 'post',
	url,
	data: formData,
	cancelToken: this.source.token
})

// 点击按钮触发cancel
if (this.source) this.source.cancel('用户取消上传')

WebGL概念

WebGL（Web Graphics Library）是在网页上编写 3D 应用的一个标准规范，使用 JavaScript 调用 OpenGL ES 2.0 的 3D 接口，可以为 HTML5 Canvas 提供硬件 3D 加速渲染，借助显卡硬件能够更流畅地展示浏览器中的 3D 场景和模型。WebGL 技术可用于创建具有复杂 3D 对象的网站页面，甚至可以用来设计 3D 网页游戏。

V8引擎对堆内存限制

64位系统
物理内存 > 16G => 最大堆内存限制为4G
物理内存 <= 16G => 最大堆内存限制为2G
32位系统
最大堆内存限制为1G

设置渐变色边框

.border-box {
  border: 4px solid transparent;
  border-radius: 16px;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  background-image: linear-gradient(to right, #222, #222), linear-gradient(90deg, #8F41E9, #578AEF);
}