前端工作小知识

数字每三位以逗号分隔

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);
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值