每次用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 首屏优化方式有哪些呢？ 结合我自己从业这几年的经验以及网络上搜集的资料，对这个问题做一次总结，如果你也在工作中有这方面的需求，不妨一起...

本文的目的是通过输入 url 之后发生的事情来做知识的总结和扩展。所以文章可能会比较发散。 总结的过程大致如下： 1、URL 解析 当我们开始在浏览器地址栏中输入网址的时候，浏览器其实就已经在智能的匹...

浏览器 01、实现全屏 当你需要将当前屏幕显示为全屏时，以下代码对你有用。 function fullScreen() { const el = document.documentElement const rfs = el.requestFullScreen || ...

一、命名规范 1.1 项目文件命名 1.2 Vue 组件命名 1.3 代码参数命名 二、代码规范 2.1 Vue 2.2 HTML 2.3 CSS 2.4 JavaScript 三、注释规范 3.1 HTML 文件注释 3.2 CSS 文件注释...