什么是代码分割/code spliiting 前端生态 rollup 和 webpack都有的概念。 如果把所有代码都打包到一起，可能最终的代码非常大。从而影响加载时间。 而且，很多代码是初始加载时，

一、事情起因 1.1 自己0-1搭建的项目是 Vue3 + Vite(4.4.11) + pinia(2.1.7) + echarts(5.4.3), 项目打包后控制台提示了一个小警告，强迫症患了..

一个vue3项目，计划在打包项目的时候，去除modulepreload优化。参照官方文档，配置modulePreload 禁用。 打包，将代码发到服务器上以后，页面显示就不正常了。在网络里看， CSS

在现在的浏览器中，有两种主要的方法发送请求：XMLHttpRequest 和 fetch。XMLHttpRequest 这个接口在浏览器中存在很长一段时间了，fetch 则是 ES2015 引入的特性。 XMLHttpRequest 可以在请求中途终止（abortable）。举…

文本选择，在我们日常前端开发中并不常见，通常我们只有在富文本编辑器、段落文本复制等场景才会使用到。 功能实现很简单，只需要了解了 Range 对象的基本用法即可，今天就让我们一起来了解一下 Range

可以看到需要一大段的html来定义，还要控制显示隐藏的变量，显示隐藏的方法。需要非常多的代码片段来支持，会使我们的组件变得非常杂乱，只为了一个提示弹窗，而且既然是项目的提示弹窗，那么基本在很多地方都会用到，这样一个组件一个组件去写肯定不是办法。 这样在调用弹窗的地方还是要定义变…

拖拽中 介绍 子组件使用css tranisition实现动画效果，使用touchstart、touchmove、touchend实现拖拽事件。 *注意：该组件需要仅是上下拖拽，并且需要给出每个ite

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第1天， Sentry实战进阶指南，纯干货！

由于vue3之后，用vite替代了webpack，原本的require语法不生效了，动态的拼接图片，目前有两种方法