我的个人空间

前端开发 / 业余骑行爱好者 - 「先让手会, 再让心会」
喜欢做开源以及一些有意思的小项目

github Things I'm Using

Personal Projects

nvim-config

Neovim是基于`vim`的现代文本编辑器, 它旨在改进`vim`的可扩展性和用户友好性, 这是我的Neovim配置文件.

emoji-picker

A simple way to search and pick an emoji of all the Github supports.

pretty-timeline

一个vue3版本的时间轴组件, 可配置性高、使用丝滑, 支持局部导入和全局导入, 支持light和dark模式.

utils-snap-fn

Front-end tool function code snippets with full typescript support.

vue3-signage

Vue3版本的任务看看板, 创建方便, 视图清晰, 可随时进行编辑, 支持light和dark模式, 并且支持拖拽.

status-indicator

Vue3版本的状态指示灯组件, 使用vue3 + ts + vite, 可表示账号状态等, 易于使用.

calculate-anything

A simple calculator, using Nuxt3, demonstrating basic arithmetic operations in JS.

Latest Posts

在Vue3中动态创建refs

在Vue3中, 有时我们需要操作DOM元素, 动态修改DOM元素的属性等等, 这时可以通过为HTML元素添加ref属性来实现, 那么如何设置ref呢?

vue

2023-08-01Read More 👉

ref和reactive的区别

在Vue3中定义响应式变量可以使用ref或reactive, 那么什么时候用ref, 什么时候用reactive, 它们又有什么区别呢?

vue

2023-06-29Read More 👉

在JS中判断类型

在JS中, 判断变量类型有多种方法, typeof只能区分基本数据类型, 对于null、Array、function、object来说，需要其它方法来进行判断。

2023-05-03Read More 👉

CSS水平垂直居中方法大全

CSS实现水平垂直居中的七种方法，这些方法可以帮助我们在工作中更加便捷地实现元素的居中布局，也是面试中常考的知识点。

css

2022-12-12Read More 👉

Linux 命令行速查表

全面的Linux命令行速查表，涵盖文件管理、SSH、搜索等多个类别，适用于 Linux 用户日常操作和查询。。

note

2024-08-06Read More 👉

用vue3写个魔方

这是一个用Vue3写的魔方游戏，支持键盘方向按键旋转魔方。该组件使用了Vue3的Composition API，包括defineProps、ref等。

game

2022-09-01Read More 👉

Used Language Rank ->

HTML5

99%

CSS3 / TailwindCss / UnoCss

80%

JavaScript

90%

TypeScript

70%

Vue2 / Vue3

90%

Nuxt

50%

Svelte

70%

SvelteKit

60%

Vite

60%

NodeJs

60%

React

30%