【2025 day7】 50 Projects in 50 Days 项目学习 ✅第七天 Split Landing Page 页面 Next.js + Tailwind CSS实现； 访问地址：https://winter-50projects50days.vercel.app/ 项目官网：https://50projects50days.com/ 同一个坑重复踩，记录一下：Tailwind CSS 会在构建时生成静态的 CSS 类。如果类名中使用了动态值（如 w-[${right}] 或 w-[${left}]），Tailwind 无法在构建时识别这些类名，因此不会生成对应的样式。此时，可以使用内联样式（style 属性）来设置动态宽度。
【2025 day6】 50 Projects in 50 Days 项目学习 ✅第六天 Scroll Animation 页面 Next.js + Tailwind CSS实现； 访问地址：https://winter-50projects50days.vercel.app/ 项目官网：https://50projects50days.com/ 其实，上周就已经把原生的写好了，Next页面也写好了，这次只是加了样式和动画。目前已经学到了第13个项目，原生实现也都敲过一遍了，只是Next的实现还需要抽时间。感觉自己又有点进步了呢，哈哈O(∩_∩)O
【2025 day5】 50 Projects in 50 Days 项目学习 ✅第五天 Blurry Loading 页面 Next.js + Tailwind CSS实现； 访问地址：https://winter-50projects50days.vercel.app/ 项目官网：https://50projects50days.com/ 加油，离胜利又近了一步~👊👊
【2025 day4】 50 Projects in 50 Days 项目学习 ✅第四天 Hidden Search 页面 Next.js + Tailwind CSS实现； 访问地址：https://winter-50projects50days.vercel.app/ 项目官网：https://50projects50days.com/ 加油，离胜利又近了一步~👊👊
【2025 day3】 50 Projects in 50 Days 项目学习 ✅第三天Rotating Navigation Animation页面Next.js + Tailwind CSS实现； 访问地址：https://winter-50projects50days.vercel.app/ 项目官网：https://50projects50days.com/ 今天白天都是在写这个页面，前端写起来目前还是有些吃力。得益于官方文档和ChatGPT的帮助，最终还是搞出来了。主要是GPT，基本一步问一下，然后记笔记、照葫芦画瓢写代码。感叹如果没有AI，真就不知道如何学起了。😂😂 记录一只小菜鸡今天遇到的一个疑问： 【现象】 ul下面有三个li，本来第一个li设置了translate-x-(-100%)后，文字尾部有部分是露在页面的，但是在设置了第三个li的margin-left:30px后，它向左移动消失了。 【分析】 1. 为什么第一个li的尾部会露出来？ li没有自定义宽度，默认继承ul的内容宽度，不包括padding，由于padding-left的影响，A的宽度大于B的空白部分宽度，所以左移100%会有部分露出。（如图） 2. 为什么设置了第三个li的margin-left之后，第一个li产生左移导致露出的部分消失了？ 第三个li设置了margin-left之后，导致ul的内容宽度增加了，第一个li左移100%的距离也增加了，所以露出的部分消失了。（如图）
【2025 day2】 50 Projects in 50 Days 项目学习 ✅第二天Progress Steps页面Next.js + Tailwind CSS实现； ✅第三天Rotating Navigation Animation页面HTML + CSS + JS原生实现； 访问地址：https://winter-50projects50days.vercel.app/ 明天把第三天的页面用Next.js + Tailwind CSS重写一遍并部署，加油呀！😝😝
【2025 day1】 完成 50 Projects in 50 Days 第一天Expanding Cards页面实现 其实几天前就已经通过HTML + CSS + JavaScript实现了，今天用Next.js + Tailwind CSS重新实现了一遍，并部署到了Vercel。目前只有day01，首页也比较随意，后面会持续学习更新。待学有所成，首页也会进行UX优化。 访问地址：https://winter-50projects50days.vercel.app/
#每日计划# 1. 学习黑马《Vue2 Vue3基础入门到实战项目全套课程》第一天内容 2. 搭建ES容器集群，有空再学几集黑马《https://wx.zsxq.com/mweb/views/weread/search.html?keyword=ElasticSearch教程入门到精通》； Vue和ES都是当前项目中重度使用的技术，啥也不说了，卷起来！💪💪
#闲聊# 一杯水，一包烟，一个问题定一天。没说，说的就是今天的我了。😏ƪ(˘⌣˘)ʃ
#闲聊# 如何实现从 A 到 Z？ 🤔🤔
