背景我们都知道JavaScript是单线程的语言,也就是说同步代码都需要排队去执行,这样就会造成很多问题,就比如今天讲的:数据量大的excel文件的导入导出,会造成整个页面出现“假卡死”的现象。什么是“假卡死”呢?...
点击产生水波纹效果,vue自定义指令20行代码搞定~
最近在看一些组件库的时候,发现他们有一种效果还挺好看的,就是点击会有水波效果~ 所以就想写一个 Vue 的自定义指令指令来实现这个效果:v-ripple 使用方式是这样的: <Button v-ripple>我...
纯CSS实现跑马灯效果,CSS动画知识是该补一补了~
最近看一个网站的时候,发现一个效果类似于广告灯的感觉,挺不错的,于是就想用纯CSS来实现这个效果,顺便提升一下自己的CSS动画技能 分析 我们先分析怎么做的,这个效果分成两个部分 上层:真正...
大文件切片上传续传秒传,以及一些优化思考~
最近很多人在问,在 Vue3 中如何去做大文件的上传、暂停、续传,接下来就讲讲我的思路吧~ 切片上传 大文件上传优化,肯定涉及到切片上传,顾名思义,就是把大文件切成一个一个的小片段,去上传,主要...
你知道 XHR 和 Fetch 的区别吗?
现如今,网站开发普遍采用前后端分离的模式,数据交互成为了不可或缺的关键环节。在这个过程中,XHR 和 Fetch API 是两种最常见的方法,用于从 Web 服务器获取数据。XHR 是一种传统的数据请求方式,而 Fetch API...
十个JavaScript技巧
JavaScript 作为最流行的语言之一,其语法灵活且每年都在不断吸纳新特性,即使是一个从业多年的老手, 偶尔也会有一些被低估的 JavaScript 功能和技巧,本文将分享这些技巧,一同讨论探究,不用...
仅仅28行代码,就能实现一个【协同文档】!
协同文档 在平时的开发中,协同文档真的帮助到了我们很多,他可以应用到很多场景,比如: 需求文档同步 信息收集 公司内部文档编写 所以现阶段协同文档也是市面上很火的一种趋势,比较火的产品...
学会这几个常用功能,给你的 vue3 项目加点餐!
本文主要分享一下在使用vue3开发项目时的一些常用功能 一、自动注册全局组件 自动注册components目录下所有vue组件并以组件的文件名为组件的名称 // components/index.ts import { type App, defineAs...
闭包到底会牺牲多少性能?它是如何产生内存消耗及性能消耗的?
今天来聊一聊:闭包是如何产生内存消耗及性能消耗的, 在《高性能 JavaScript》书中,对闭包如何产生内存消耗及性能消耗专题做了比较清晰的解释。 如下(内容摘自此书的第二章数据访问中的闭包,作用域,和内...
最最经典的一道 JavaScript 面试题,90%的前端都会答错!!!
最近帮公司招聘,主要负责一面,所以基本上问的基础多一点。但是我在问这样一道面试题的时候,很少有人答对。不少人觉得我问这道题多少有点过分了😭,当然了面试还是奔着相互沟通相互学习的目的,并不是说这道题...
