背景 我们平时在开发项目的时候，总会涉及到调用接口，调用接口就会涉及到跨域问题，那我们平时是怎么去解决跨域问题的呢？ Cors： 后端开启跨域允许 Nginx： 后端配置允许跨域的手段 ...

在很多公司中，内部都会封装一些适用于公司内部业务的方法库来提高整个团队的开发效率，比如： 防抖节流 懒加载、虚拟滚动 dom增删改查、移动、拖拽 管理状态 而在 Vue3 项目中，这种方法库表...

前端实现文件预览功能 需求：实现一个在线预览pdf、excel、word、图片等文件的功能。介绍：支持pdf、xlsx、docx、jpg、png、jpeg。以下使用Vue3代码实现所有功能，建议以下的预览文件标签可以在外层包裹一层...

每次用vite创建项目秒建好，前几天用vue-cli创建了一个项目，足足等了我一分钟，那为什么用 vite 比 webpack 要快呢，这篇文章带你梳理清楚它们的原理及不同之处！文章有一点长，看完绝对有收获！ 1. webpack...

开篇 你是否遇到过一个问题，即在移动设备上有一个固定元素，当键盘激活时，该元素会被键盘遮挡？这已经是多年来网络上的默认行为了。在本文中，我们将探讨这个问题，为什么会发生这种情况，以及如何使用虚拟...

1.背景 页面停留时间（Time on Page）简称 Tp，是网站分析中很常见的一个指标，用于反映用户在某些页面上停留时间的长短，传统的Tp统计方法会存在一定的统计盲区，比如无法监控单页应用，没有考虑用户切换Tab...

今天我们将学习使用 HTML 和 CSS 创建圆形进度条。应用程序中进程的进度通过进度条显示。已完成的流程量和尚未完成的流程量由进度条指示。我们将使用 HTML 设计进度条的各个部分，并且我们可以使用 CSS 属性自定...

面试题是：sessionStorage可以在多个选项卡之间共享数据吗？ 问题1：“你知道localStorage和sessionStorage有什么区别吗？” 我的朋友：他感到很高兴，因为这是任何一个前端开发工程师都知道的知识。 loc...

前言 随着技术的日益发展，web前端技术远比我们想象的强大。浏览器允许网站获取用户设备的电池状态信息，例如电量百分比，剩余电量，充电状态等等。 我们可以使用这些信息，根据用户设备的电量调整我们的...

在 SPA 应用中，我们常需要对首屏做加载优化，那么，常见的 SPA 首屏优化方式有哪些呢？ 结合我自己从业这几年的经验以及网络上搜集的资料，对这个问题做一次总结，如果你也在工作中有这方面的需求，不妨一起...