好久不见啊怎么感觉我每次都在说这句话，事实证明我真的太懒了，不过今日在思考人生之后还是尝试了一下vibe coding，不得不说除了coding之外还能帮我做很多别的事情，比如写博客，比如加点东西，比如自动push，比如帮我整个新的博客文档，codi...

又是许久不见，这次来记录一下我的新购买的服务器 1.突发奇想在和朋友的交流过程中，偶然聊到了服务器的事情，所以我就仔细找了找，发现竟然腾讯云在搞超划算活动！4核4G的服务器竟然仅需79就能买一年，超值，不过当时也注意到了带宽只有3mbps，不过没...

自从创建了博客之后就再也没写过博客了，今晚被朋友提醒了就简单的写一下吧 上大学以来也已经三个多月了，半个学期即将结束，我学了一些东西，虽然不多，但也算小有成果。很遗憾的是我并没有学完Python，而是暂时搁置了，转而去学跟学校教授课程强相关的前端...

本文档始于2025.12.10 凌晨0:02 该睡觉啦 CSS动画入门：KeyFrames关键帧动画1.核心概念为什么我们需要animation呢？因为transition是被动的，一定需要用户来触发，而且他只有A→B两个状态Animation是...

本文档始于2025.12.8 凌晨0:27 怎么每次都这么晚，写完要睡觉啦 响应式设计与媒体查询1.核心概念核心理念：从“适配”到“流动”Mobile First (移动优先)：先写手机端的简单样式，再通过 min-width 媒体查询逐级增强。...

本文档始于2025.12.1 凌晨0:42 周一有早八，写完就睡觉啦 Transform 与 Transition1.核心概念变换和过渡是现代Web设计和编程中的核心，它们分别用于实现元素的平滑动画效果和位置、大小、形状和方向的调整。过渡效果允许...

本文档始于2025.11.24 晚上23:59，该睡觉啦，写完笔记就去睡 CSS Grid 基础与实践1.核心概念grid是一个二维的布局方式更适合页面级宏观骨架，复杂的二维结构容器与轨道 (Grid Container & Tracks...

本章节待学习，学习目的：理解语义化标签的作用，以及这对可访问性和维护有什么作用

本文档始于2025.11.20，凌晨0:23 Flexbox学习1.核心概念*flexbox（弹性布局）是现代前端布局的基础，他可以解决我在控制文档位置上的一些难题比传统的Position(定位)*更优雅与强大Flexbox 专注于一维布局（单行...

本文档始于2025.11.19 CSS定位1.核心概念在CSS中，定位（position） 是一种排版方式，他通过定义元素本身与其他元素的相对位置来排版分为几种常见的定位方式：static 默认定位 默认，在正常文档流中relative 相对定位...