ffi3

前言 性能优化，一个掣肘用户体验的关键模块。它没有固定的标准定义或唯一的解决方案。但是我们从整个项目的开发-部署-用户体验的整个过程中，总能摸到很多有普适性的规范或者优化理...

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

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

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

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当...

大家好，我是 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...

webpack的工作流程就好像是一条生产流水线，源文件需要经过一系列处理流程进行处理后才能转换为输出结果。而插件，简单来说就是额外插入到流水线上的一个处理流程！...

React 的是一个由组件驱动的 UI 框架，JSX 以及 React Hook 都是其首创的先进理念。经过多年的发展，React 拥有一套非常庞大的生态系统，不过这也导致...

本文探讨了Monorepo（单仓库多项目管理模式）与pnpm（高效的JavaScript包管理器）如何成为前端开发中的理想搭档。首先，文章概述了Monorepo模式的核心优...

最近公司的很多项目都用到相同功能的时间格式化函数，如果每次来一个项目都拷贝一份代码的话，就很麻烦，结合我们之前介绍的Verdaccio搭建npm私有服务器；本文我们通过Vi...

我是Kagol，个人公众号：前端开源星球。你的项目是不是正在不断膨胀，构建速度越来越慢，包体积越来越大，性能越来越慢？想拆分不同仓库分开维护，又担心代码不方便复用？你可能需...

组件在前端开发中越来越重要了，开发者更细分、聚焦于组件层面的开发，然后像搭积木一样完成应用功能。组件库可以统一管理组件，输出文档，能提升组件复用性、避免重复造轮子。赶快搭建...

2025.02.11 更新前端面试问题总结；获取更多面试相关问题可以访问 https://github.com/pro-collection/interview-quest...