最近很多人在问,在 Vue3 中如何去做大文件的上传、暂停、续传,接下来就讲讲我的思路吧~ 切片上传 大文件上传优化,肯定涉及到切片上传,顾名思义,就是把大文件切成一个一个的小片段,去上传,主要...
前端
你知道 XHR 和 Fetch 的区别吗?
现如今,网站开发普遍采用前后端分离的模式,数据交互成为了不可或缺的关键环节。在这个过程中,XHR 和 Fetch API 是两种最常见的方法,用于从 Web 服务器获取数据。XHR 是一种传统的数据请求方式,而 Fetch API...
仅仅28行代码,就能实现一个【协同文档】!
协同文档 在平时的开发中,协同文档真的帮助到了我们很多,他可以应用到很多场景,比如: 需求文档同步 信息收集 公司内部文档编写 所以现阶段协同文档也是市面上很火的一种趋势,比较火的产品...
【大文件】上传、下载终极解决方案:切片!!!
文件传输是一个常见的需求。对于大文件的下载和上传,直接使用传统的方式可能会遇到性能和用户体验方面的问题。 幸运的是,前端技术提供了一些高效的解决方案:文件流操作和切片下载与上传。本文将深入探...
一行代码禁止用户调试前端代码
有时候不希望用户去调试或复制前端代码,那该如何禁止用户调试前端代码呢?今天就来分享一个开源的前端工具:Disable Devtool,一行代码禁用 Web 开发者工具! 功能简介 disable-devtool 可以禁用一切可以...
5分钟带你了解【前端装饰器】,“高大上”的“基础知识”
基本介绍 装饰器是一种以 @ 符号开头的特殊语法,放在目标代码的前面用于包装或扩展代码功能。JavaScript 的装饰器语法目前仍处于提案阶段,现阶段使用的话需要通过 bable 等方式进行编译之后,才能在浏览器...
前端如何静悄悄录制用户的操作过程,静悄悄上传到服务器~
背景 公司有很多的项目,但是并不是每一个项目都很重要,其实重要的项目就那么几个,上面也是很重视这几个项目,尤其是对一些生产问题的关注度很高。 这几天上面交代下来了,需要对这些项目做一些用户行为...
分享能提高开发效率,提高代码质量的八个前端装饰器函数~
装饰器非常好用 前面给大家发了一篇文章xxx,给大家介绍了一遍JavaScript中的装饰器,今天就给大家介绍一下在我项目中用到过的几个装饰器的思路吧 代码是伪代码,只是提供个思路,实际上代码不止这么少 ...
让你监听页面所有点击事件,你会怎么做
背景 如果在做某个平台的时候,我们需要统计用户点击的次数,点击的区域,点击元素,等等,那我们应该怎么去做比较合适呢? 举个例子,我想在用户点击页面上的每一个元素时,我都能把这个元素的DOM节点信...
我们前端组一起处理的项目优化
很早一段时间,我们前端组做了一些国外系统的小优化(集中表现在代码执行速度,系统安全等方面),故新建一篇文章来记录这次优化的经历。 1. 减小文件体积/网络请求 方法一:删除需要预先加载和预先获取的...
