RIKA

1. 抽组件 ≠ 拆文件夹 很多初学 Vue 的人对“组件化”的理解就是：“页面上出现重复的 UI？好，抽个组件。” 于是你会看到这样的组件： 接着你又遇到需要加图标的输入...

Art Design Pro，Vue3 + TypeScript 锻造的开源后台神器，专灭丑 UI 和 CRUD 噩梦！界面美到炸裂，交互丝滑如恋爱，模块化省 80% 代码...

## 序言 ​ 这半个月一直在专注于 Figma-to-Code 的相关工作，也在不断思考和调研已有的 D2C（Design to Code）方案。 ​ 目前市面上主流的实...

在前端开发和排查线上问题的过程中，我们经常会遇到调试受限的场景：无法直接修改线上代码、hover 和 select 样式难以定位、JS 报错追踪困难等。为了提高调试效率，我...

在前端项目开发中，构建完成后通常需要将生成的 dist 目录打包成压缩文件，方便发版、备份或上传到服务器。本文将分享一个基于 Node.js 的简单脚本，自动读取项目名，将...

前端实现画中画，让网页飞出浏览器 在前端开发中，我们常常追求创新的交互方式来提升用户体验。今天，我要和大家分享一个非常酷的功能：文档画中画（Document Picture...

“干掉虚拟 DOM” 的口号喊了好几年，现在 Vue 终于动手了。 就在前天，Vue 3.6 alpha 带着 Vapor Mode 低调上线：编译期直接把模板编译成精准 ...

分享一个生成 Git 提交记录周报的 CLI 工具 - weekly-git-summary 最近开发了一个 CLI 工具，专门用来生成 Git 提交记录的周报汇总，特别适...

VTable-Gantt是一款强大甘特图绘制工具，能够帮助开发者轻松创建和管理甘特图。高效，灵活，强大， 丰富的可视化能力...

前言 今天下午，Voidzero 团队宣布 Oxlint 发布稳定的 1.0 版本。该版本的性能相比 ESLint 提升了 50 到 100 倍，支持超过 500 条 ES...

最近，我在我们前端团队里推行了一个“强制性”的规定：所有新项目，必须使用pnpm作为包管理工具；所有老项目，必须在两个月内，逐步迁移到pnpm。 这个决定，一开始在团队里是...

本文介绍了使用Node.js和LLM搭建简易AI代码审查系统的方法，包括设计AI应用思路、提示词、NodeJS与LLM结合分析代码、AI Code Review实现步骤、核...

问题描述 有一个简单的表格，产品要求实现双击可编辑 看了一下网上的帖子，大多数都是搞两部分dom，一块是输入框，用于编辑状态填写；另一块是普通标签，用于在不编辑显示状态下呈...

本篇教程全面介绍了Vue3+Vite项目的配置方法，包括项目创建、常用插件配置（自动导入API/组件）、服务端代理、路径别名、环境变量设置、静态资源处理等核心配置。...

# 说说PC端扫码登录 在前端开发的面试中，面试官常常会提出一些涉及实际项目经验的问题，以评估候选人解决问题的能力和技术深度。例如，"你在项目中遇到过哪些技术挑战？是如何解...

在地图应用中，我们希望在用户进行条件检索后，点击定位的点能够以闪烁的方式吸引用户注意，以便用户快速定位目标。本文将结合 Vue2 和高德地图，介绍如何封装一个通用的点闪烁功...

CSS手残党救星：motion-v 助你写出流畅丝滑的动画 前言 不知不觉间，Vue 3 自发布至今已悄然走过近五个年头。在这五年里，Vue 社区始终不懈努力，持续拓展并壮...

在本篇文章中, 我将带你一步步实现一个灵感来自 Mac Dock 栏的波形动效。从布局搭建、正弦波算法设计, 到动效细节优化与交互 Bug 修复, 全流程讲解动画背后的逻辑...

分享一些渐变的实际案例。最近在工作中碰到一个这样的进度条，如下 和一般进度条不同的是，上面多了很多小圆点，每个小圆点代表一个进度。 由于是完全自适应的，圆点可以自定义数量，...