前端随手写

VueUse 是依据 Vue 组合 API 的工具函数的集合。使用 useMouse ，我们不需要手写代码去监听鼠标事件和触摸事件或是获取坐标值，显得更加高效、更加优雅。

本文以最简单的 useCounter（计数器） 为例子，探索 VueUse 的用法和实现原理。使用 VueUse，可以让我们编写代码更加地高效和快捷。

本文是关于实现一个不定高的虚拟列表，即列表的每一项是不固定高度的，这种场景在实际中是普遍存在的。我们使用了二分查找去优化代码。

虚拟列表（Virtual List）是什么？这是一种前端性能优化的技术，主要是应用于渲染超长列表的场景。

正则表达式是一种实用且强大的工具，可以帮助我们快速地匹配特定的内容，完成特定的需求，有着事半功倍的效果。

Trae AI 集成了 Doubao、DeepSeek-V3等模型，用于代码解读、代码补全等功能很方便，可以帮助我们快速地读懂LeetCode题解。

龙年动手实现一个喷火龙的动画效果。在本文中，作者使用了 `Vue3 + CSS` 实现了一个喷火龙的动画效果。

本文正在参加「金石计划」 “光说不练假把式”。这篇文章中，我们继续探索如何借助 Nuxt 3 的内置组件和 Nuxt3 页面的 n 种写法，快速地开发所需的页面。

本文正在参加「金石计划」本文探索如何使用 Nuxt3 搭建一个项目，以及 Nuxt 3 项目的渲染模式、目录结构等内容。

本文正在参加「金石计划」本文介绍了 npm包lyric-parser，探索其是如何实现歌词文件的解析和实时展示的。

本文正在参加「金石计划」 在前端开发工作中，我们经常会用到 SVG 定义的图标、图片等。本文介绍了SVG 动画三剑客：animate, animateTransform, animateMotion。

本文正在参加「金石计划」 在前端开发工作中，我们经常会用到 SVG 定义的图标、图片等。本文介绍了SVG中很常见的 d 属性，文中示例来自 MDN文档。

本文正在参加「金石计划」 在前端开发工作中，我们可以使用自定义的 SVG 图标实现进度条效果、图标按钮效果等。而本文中介绍的是SVG的路径描边动画和文字描边动画效果。

本文正在参加「金石计划」 SVG 是指可缩放矢量图形（Scalable Vector Graphics，SVG），本文介绍了几种常见的基础图形的实现方法。

本文正在参加「金石计划」 前言 首先，SVG 是什么？ SVG 是指可缩放矢量图形（Scalable Vector Graphics，SVG），基于 XML 标记语言，可以用于描述二维的矢量图形。

自定义指令也是常用的手段之一，可以实现对普通 DOM 元素进行底层操作。除了 Vue 中默认内置的指令 (比如v-model 、v-if和 v-show)，Vue 也允许注册自定义指令。

笔者之前对于前端模块化仅有大致的了解，本文比较了前端模块化中的 CommonJS 和 ES6 Module 规范，用于学习和加深理解~

前言 当我们使用 vuex、vue-router 等插件时，需要通过Vue.use('xxx')方法才起作用。那么Vue.use()具体做了那些事情呢？让我们一探究竟。

社区中有大量基于 vue 的UI组件库，但有时候这些组件库无法满足我们的开发需求，那么我们可以动手实现一个插件（组件）。

身为一名前端er，快来体验下 vitepress 吧 -- 基于 Vite 和 Vue 的静态站点生成器。