文件传输是一个常见的需求。对于大文件的下载和上传,直接使用传统的方式可能会遇到性能和用户体验方面的问题。 幸运的是,前端技术提供了一些高效的解决方案:文件流操作和切片下载与上传。本文将深入探...
前端
一行代码禁止用户调试前端代码
有时候不希望用户去调试或复制前端代码,那该如何禁止用户调试前端代码呢?今天就来分享一个开源的前端工具:Disable Devtool,一行代码禁用 Web 开发者工具! 功能简介 disable-devtool 可以禁用一切可以...
5分钟带你了解【前端装饰器】,“高大上”的“基础知识”
基本介绍 装饰器是一种以 @ 符号开头的特殊语法,放在目标代码的前面用于包装或扩展代码功能。JavaScript 的装饰器语法目前仍处于提案阶段,现阶段使用的话需要通过 bable 等方式进行编译之后,才能在浏览器...
前端如何静悄悄录制用户的操作过程,静悄悄上传到服务器~
背景 公司有很多的项目,但是并不是每一个项目都很重要,其实重要的项目就那么几个,上面也是很重视这几个项目,尤其是对一些生产问题的关注度很高。 这几天上面交代下来了,需要对这些项目做一些用户行为...
分享能提高开发效率,提高代码质量的八个前端装饰器函数~
装饰器非常好用 前面给大家发了一篇文章xxx,给大家介绍了一遍JavaScript中的装饰器,今天就给大家介绍一下在我项目中用到过的几个装饰器的思路吧 代码是伪代码,只是提供个思路,实际上代码不止这么少 ...
让你监听页面所有点击事件,你会怎么做
背景 如果在做某个平台的时候,我们需要统计用户点击的次数,点击的区域,点击元素,等等,那我们应该怎么去做比较合适呢? 举个例子,我想在用户点击页面上的每一个元素时,我都能把这个元素的DOM节点信...
我们前端组一起处理的项目优化
很早一段时间,我们前端组做了一些国外系统的小优化(集中表现在代码执行速度,系统安全等方面),故新建一篇文章来记录这次优化的经历。 1. 减小文件体积/网络请求 方法一:删除需要预先加载和预先获取的...
Webpack和Vite能解决跨域问题?凭什么?
背景 我们平时在开发项目的时候,总会涉及到调用接口,调用接口就会涉及到跨域问题,那我们平时是怎么去解决跨域问题的呢? Cors: 后端开启跨域允许 Nginx: 后端配置允许跨域的手段 ...
如何严谨二次封装 localStorage
在很多公司中,内部都会封装一些适用于公司内部业务的方法库来提高整个团队的开发效率,比如: 防抖节流 懒加载、虚拟滚动 dom增删改查、移动、拖拽 管理状态 而在 Vue3 项目中,这种方法库表...
前端实现文件预览(pdf、excel、word、图片)
前端实现文件预览功能 需求:实现一个在线预览pdf、excel、word、图片等文件的功能。介绍:支持pdf、xlsx、docx、jpg、png、jpeg。以下使用Vue3代码实现所有功能,建议以下的预览文件标签可以在外层包裹一层...