ffi3

前端页面自动检测更新解决方案 【version-polling】，一个用于实时检测 web 应用更新的 JavaScript 库。

在谈论到前端性能优化时，我们可能会想到很多方向，但虚拟列表一定算是一个值得谈谈的话题，很多人都是略懂一二，对其实现原理与过程还不太了解，所以当面试官问到比较细节的问题时往往语塞，本篇文章将从最简单的固

vite插件: 自动打包压缩图片和转webp,解放双手,一键打包替换webp后缀,支持开发和生产环境

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

大家好，我是 simple ，最近在使用 Vite4.0 构建一个中型前端项目的过程中，遇到了一些坑，也做了一些项目在构建生产环境时的优化，在这里做一个记录，以便后期查阅。(完整配置在后面)

vite的插件推荐+vite环境基础配置+vite打包项目的常用优化；vite的插件推荐+vite环境基础配置+vite打包项目的常用优化；

最近发现项目首次加载特别慢，原来是打包出来的文件太大的原因。 项目技术栈：vue3 + vite + ts + ant design vue 既然这样，那就开始打包优化吧。打包分析，结果如下： 第一步

前言 大家好，我是electrolux。这篇文章来讲一下 vite和webpack写插件的编写方法论，会结合我平时做项目时遇到的场景进行分析。在编写plugin之前我们先梳理一下我们要了解的目录吧。

你可能想不到，只用两行 CSS，就能让你的卡片、图片、内容块自动适应各种屏幕宽度，彻底摆脱复杂的媒体查询！ 秘诀就是 CSS Grid 的 auto-fill 和 auto-fit。 马上教你用！✨