第二次重写个人网站，分享一些感想。如果你也想写自己的个人主页，希望这篇文章可以给你一些灵感。个人页的板块就分为了4个大的板块 首页 关于 项目 找我～

CSS Gird布局也叫二维网格布局系统，可用于布局页面主要的区域布局或小型组件。网格是一组相交的水平线和垂直线，它定义了网格的列和行。我们可以指定将网格元素放置在与这些行和列相关的位置上。

一个很有创意的小工具网站，将一个URL地址转换为都是 ooooooooo 的样子，通过转换后的地址访问可以转换回到原始地址，设计很巧妙的实现了这个功能。

背景 使用Vue3 + Vite4 + Pinia + Axios + Vscode模式开发之后，感叹真香！不用再单独去下载HBuilderX。废话不多说，直接上干货！ 版本号 node: v16.1

前端的车轮滚滚向前，轮子造的越来越圆，速度造的越来越快，每个人都在适应这个轮子的节奏，稍微不注意就会被甩出车轮之外。狼狈不堪之外还会发自心底的大喊一声：别卷了！！

前言 最近有个同学在面试时被要求手写一个 CountDown 计时器组件，但可能是因为之前没有了解过，所以思路上没有那么顺畅，过后他询问我应该怎么写（哈哈，我也没写过），于是就有了本篇文章，希望本篇文

背景 现在手机、电脑、ipad成为了每个家庭必备内容，但是通常设计给到我们的都是一个固定大小的UI，如果用户是一个屏幕小或者大的设备，一般就会出现滚动条或者大片空白内容，为了更好的利用一些空间

浅浅地分析并实现一个时钟；电子时钟🤪 vue🤪 动画 animation🤪 欢迎提出宝贵意见🤪

钉钉官网的滚动动画(详解~~) 可以将滚动效果看做一个坐标轴，这时候横坐标就不是时间了，而是滚动的距离，后续会写一个函数，将滚动的距离（也就是当滚动到某一个位置的时候，滚动距离的值）传入函数，就返回给