最新 最热

深入理解vue2.x中Object.defineproperty()和vue3.x中Proxy

vue2.x中数据的双向绑定主要通过Object.defineproperty()方法实现,data中的数据改变通过Object.defineProperty()对属性设置set属性,获取通过get属性,Object.defineProperty的作用就是劫持一个对象的属性,通常我们对属性...

2023-11-29
0

深入理解vue2.x双向数据绑定原理

在面试中会经常问到vue2.x双向数据绑定是怎么实现的,大多数面试者都会回答Object.defineProperty()方法对属性进行拦截,把data中的每个数据的读写都转化成getter/setter,当数据发生变化时候通知试图进行更新。本文将详细...

2023-11-29
0

深入分析window.performance以及上报收集到数据(前端性能监控)

Web Performance提供了可以通过的函数(performance 属性提供)测试当前网页或者 web应用的性能,获取更为精确的原始数据,以毫秒为单位。一般放在window.onload事件中读取各种数据,有些值必须在页面完全加载之后才能得出。...

2023-11-29
0

如何实现一个公共组件库上传到npm并在项目中使用

一般多个项目使用一些公共组件的时候,我们没必要在每个项目里写公共组件代码,我们可以将公共组件封装成一个库,上传至npm,这样我们在项目中使用就可以直接从npm下载直接使用。当然我们也可以搭建自己本地的npm镜,而本文主...

2023-11-29
0

前端AST详解,手写babel插件

抽象语法树(Abstract Syntax Tree,AST),是源代码(不仅限于JavaScript,同时还应用于其他语言,例如: Python,Rust等)语法结构的⼀种抽象表示。它以树状的形式表现编程语⾔的语法结构,树上的每个节点都表示源代码中的⼀种结构。 AS...

2023-11-29
0

前端怎么通过二进制流下载文件

后端返回二进制流,前端进行下载时,一般需要转成blob(Binary large Object),然后再进行下载。

2023-11-29
0

前端性能优化之gzip

HTTP 可以对传输的内容进行压缩,减少网络实际传输数据的大小。服务器会将资源进行压缩后传输到客户端,浏览器收到文件后进行解析。对于纯文本文件可以压缩到之前大小的30%-40%,大大提高了传输效率。...

2023-11-29
0

前端如何实现并发请求数量控制?

并发请求数量过大,会在短时间内发送大量的网络请求,并且占用大量的系统资源,可能会造成接口阻塞,浏览器卡死现象。怎么才能降低并发请求数量呢?...

2023-11-29
0

前端如何处理「并发」问题?

在项目中我们会遇到一次请求多个接口,当所有请求结束后进行操作,也会遇到多个请求(大量)同时进行请求资源,本文就并发问题通过axios对这两种现象进行优化处理,主要通过 axios中all、spread、请求拦截以及响应拦截进行处理。...

2023-11-29
0

前端内存泄漏详解

我们知道了JS对内存管理是自动的,并没特殊的机制去实现。那么为什么有时候会出现内存泄漏的情况呢?主要原因在于应用程序分配内存之后,由于程序设计错误,导致无法对分配的内存进行管理,无法垃圾回收(GC)、释放内存,情况严重则...

2023-11-29
0