rookie_y

本文通过 OOCSS、BEM、ITCSS等CSS 架构思想进行剖析 Element Plus 中的 CSS 架构思想，并且学习了 SCSS 的高级用法。...

工程化的核心并非工具，而是以工具为实现媒介进行规范工作流程。文章中实现的是组件库项目文件组织结构的规范，TypeScript 编译和类型检测流程的规范，还有工具链的统一。...

通过手写实现了一个 Vue3 组件是如何从诞生到渲染到页面上的整个过程，再深入理解 Vue3 全局组件和局部组件的实现原理及插件的实现原理，从而理解 Vue3 组件库的设计...

过去一年，我主要参与国际机票业务的开发工作，因此每天都要和多语言（i18n）打交道。熟悉我的朋友都知道，我这个人比较“惜力”(并不是，实际上只是忍不下去了)，那一起来看看我...

即便你已经玩转 JavaScript 有一段时间，也许你会对 setTimeout(0) 不是字面意义的 setTimeout(0) 感到惊讶。实际上，它通常会延迟大约 4...

在 JavaScript 开发中，封装是一个至关重要的编程概念。它通过隐藏对象内部的实现细节，只暴露必要的接口，来保证代码的稳定性、安全性和可维护性。私有化变量作为封装的核...

一、为什么需要判断用户离开页面？ 在现代 Web 应用中，用户离开页面的行为触发的场景包括： 切换浏览器标签页 / 最小化窗口（页面不可见） 关闭标签页 / 浏览器 导航到...

VueUse 常用 Hooks 使用指南 VueUse 是一个基于 Vue Composition API 的实用工具库，提供了大量开箱即用的功能。本文将介绍 25个最常用...

十分钟看懂 alien signals 依赖收集和依赖触发原理，首先我们先有一个 2x2 的单元测试，其中 fn1 和 fn2 分别有两个依赖 count1、count2 ...

基于Element Plus的el-table组件，开发功能强大的通用可编辑表格，支持单元格编辑、右键菜单操作、多种输入类型和汇总行计算，提升开发效率和用户体验。...

上线前两个月，我们的权限系统崩了三次。 不是接口没权限，而是： 页面展示和真实权限不一致； 权限判断写得四分五裂； 权限数据和按钮逻辑耦合得死死的，测试一改就炸。 于是，我...

好问题 👍 在 Vite 项目打包优化 时，主要关注 构建速度 和 产物体积 两个方向。下面我给你系统梳理一下常用优化手段： 一、构建速度优化 1. 使用 esbuild...

前言 从我进入公司开始，我给自己立了一个三年成为中级前端工程师的目标，或者说flag吧，最近正好三年合同到期了，我开始思考过去的这三年我都做了什么，是否完成了flag，所以...

在企业级前端项目中，快速启动、统一规范和高效依赖管理是开发效率的关键。本篇文章将介绍如何搭建一套支持模板引擎与动态依赖管理的企业级脚手架，从项目骨架生成、依赖智能管理等...

本文探讨了 devDependencies 实际可能被打包进前端构建产物的问题。通过一个 Vite 项目示例，指出打包工具并不依据依赖类型区分是否打包，而是根据代码引用决定...

从“甩锅”到“兜底”，一套代码实现缓存自愈，把用户体验拉回 100 分 一、为什么“清缓存”成了技术圈的梗？ “老师，页面白屏了！” “清下浏览器缓存试试。” —— 这段对...

🔥 开篇痛点：为什么你的图片加载还是这么慢？ 作为一名前端开发者，你是否经常遇到这样的困境： 用户抱怨页面加载速度慢，图片迟迟不显示 产品经理要求优化性能，但图片体积太大...