翠林

一次真实的打包分析，揭开“按需引入”到底骗了我们多久 前端团队最爱说“我们用的是 lodash-es，按需引入，tree shaking 肯定没问题”，但项目打包结果却往往...

在一次前端性能优化项目中，我们发现仅仅一个 icon font 文件就高达 20MB。这不仅拖慢了首屏加载速度，还极大地浪费了带宽。最终，我们将它压缩到了 10KB，而不影...

意外收到字节面试，我是惶恐不安呀。😮‍💨刚开始自我介绍，还是小紧张的。不过面着面着就调整了状态。面的感觉不太行，分析了下：一方面是心里觉得大厂面试就是很难的，第二是收到...

前言 今天继续推荐一些超级好用的 vite 插件! 往期精彩推荐 ⚡️⚡️⚡️ tsdown 推出了 Unbundle 模式，开发更高效！🚀🚀🚀 🚀🚀🚀 尤雨溪...

什么是模块联邦 在前端项目中，不同团队之间的业务模块可能有耦合，比如A团队的页面里有一个富文本模块（组件），而B团队 的页面恰好也需要使用这个富文本模块。 传统模式下，B团...

这篇文章将向你展示如何仅使用 Vite 轻松搞定 Vue3 组件库的打包工作。更好的是，我已经准备了一个开箱即用的项目模板。...

前言 一直以来我都被element-plus的from表单和table表格组件的开发困扰，每次改问题的时候就会发现组件一大堆表单代码，冗余太多了，然后又是不同开发者改。注释...

什么是显示资源管理？ 众所周知，JavaScript 有自动的垃圾回收机制（GC），可以自动的释放内存对象，但对与文件句柄、网络连接等资源的释放却无能为力，需要手动的进行资...

在对组件库的样式进行定制时，如何借助组件库的文档快速预览修改后的样式，vite 自定义 plugin 是个不错的选择...

浏览器自带的设计工具designMode什么来头：你可能从未注意过的"上帝模式"，可以让你的网页瞬间就会变成可自由编辑的画布~...

由于浏览器目前并没有“完美”地提供一个彻底且功能强大的沙箱方案，本文总结了一些市面上常见的沙箱方案，供大家学习参考。...

问题描述 笔者最近遇到一个需求 就是把后端接口返回的zip压缩包中的文件提取出来 并且解析拿到压缩包中的文件具体内容 （比如，如果是txt文件，要读取其中的txt里面有哪些...

本文从表象深入到浏览器底层原理，逐步剖析造成页面卡顿的原因，总共6000字，文字和配图都是自己手打和制作的，只为了更准确的展示思路，但也难免会有我没发现的疏漏和错误，如果有...

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

大家好，我是农村程序员，独立开发者，行业观察员，前端之虎陈随易。 本文不含 AI，纯古法手打，请诸君放心食用。 关注公众号：陈随易，获取最新文章。...

一、Service Worker 是什么？ 想象你的网页是个餐厅，Service Worker 就是餐厅里的一位 24小时待命的私人管家，专门帮你处理各种杂事： 离线也能营...

在线视频会议，在线教育和辅导变得越来越普及。而一款优秀的视频会议系统对于在线辅导来说至关重要。今天，我们要向大家介绍一款专门为导师设计的开源视频会议系统——Nettu Me...

Semi Design是由抖音前端团队开源的企业级设计系统，**同时支持React/Vue双框架**，提供超过60+高质量组件。不同于普通UI库，它从**设计工程化**角度...

前一周, 我们开源了一个 AI 插件， 引来了一些小小的反响，这次我们更新了 10 个功能，插件更强更好使用...

免费且强大的DeepSeek R1 Vscode插件来了 🚀 特色功能 💻 代码操作：一键复制、插入代码到当前文件或新文件 🔍 智能分析：代码解释、错误检测、重构建议...