<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[葉は静かに落ちる]]></title><description><![CDATA[有朋自远方来, 不亦说乎]]></description><link>https://sin6626.me</link><image><url>https://sin6626.mehttps://sin6626.me/Devil.ico</url><title>葉は静かに落ちる</title><link>https://sin6626.me</link></image><generator>Shiro (https://github.com/Innei/Shiro)</generator><lastBuildDate>Tue, 09 Jun 2026 00:16:58 GMT</lastBuildDate><atom:link href="https://sin6626.me/feed" rel="self" type="application/rss+xml"/><pubDate>Tue, 09 Jun 2026 00:16:58 GMT</pubDate><language><![CDATA[zh-CN]]></language><item><title><![CDATA[累有感]]></title><description><![CDATA[<link rel="preload" as="image" href="https://s3.sin6626.me/mx-images/yeh194avmg6o9cf5ug.png"/><link rel="preload" as="image" href="https://s3.sin6626.me/mx-images/g727wv88sn0nzq59bw.png"/><link rel="preload" as="image" href="https://s3.sin6626.me/mx-images/w8pb50w9i9r9xr5hfo.png"/><link rel="preload" as="image" href="https://s3.sin6626.me/mx-images/scc5i2drpc0d646psg.png"/><link rel="preload" as="image" href="https://s3.sin6626.me/mx-images/4mvchrk34cuxmk4q13.png"/><link rel="preload" as="image" href="https://s3.sin6626.me/mx-images/3vy2coxy6edjcsascb.png"/><link rel="preload" as="image" href="https://s3.sin6626.me/mx-images/i9jk0yvt7mxje1f76f.png"/><link rel="preload" as="image" href="https://s3.sin6626.me/mx-images/dx5rjyu3vmen75keou.png"/><div><blockquote>该渲染由 Shiro API 生成，可能存在排版问题，最佳体验请前往：<a href="https://sin6626.me/notes/5">https://sin6626.me/notes/5</a></blockquote><div><blockquote><p>累,，看到一些信息，想到一些事，有一些感想</p></blockquote>
<h2 id="">累</h2><p>今天周三，晚上感觉真的累。晚饭吃了朋友帮忙带的塔斯汀，然后洗澡，然后就开始跑codex，想着优化迭代下项目，没想到就是噩梦的开始。</p><p>GPT5.5额度消耗很快，开的是5.4。开codex跑两个项目，inkos跑另一个。inkos还好，MIMO我很放心，但是codex真的让我操碎了心。两个项目一个我现在实验室后后面互联网技能赛准备的项目----Q3，还有一个我自己为了改变我的桌面做的收纳箱的项目----filebox。Q3项目的后端是原生node写的，之前手搓的时候，没有什么注意，导致后面Ai接管项目，把很多路由处理函数都写在了一起，虽然这些函数处理的数据确实是一样，理论上放一起也没事，应该也能操控得住。但是架不住函数多，函数长，几个函数放一个文件内，文件直接超过了500行。没有遵循老前辈的教诲（代码和人有一个能跑就行了），想要GPT去稍微细一点去拆分代码，让一个文件中的代码少一点，于是就让他去改了。改出来的成功表面上没什么问题，但是却把我的frp全给删除了！我很生气， 问GPT怎么回事</p><p><img src="https://s3.sin6626.me/mx-images/yeh194avmg6o9cf5ug.png" height="477" width="997"/></p><p>他说他没改， 我想到下午我还用opencode开了GPT5.3改代码，于是也去问问</p><p><img src="https://s3.sin6626.me/mx-images/g727wv88sn0nzq59bw.png"/>
他也说没删除，跟我说一大推什么git，我git都没追踪frp的文件，跟git有什么关系？也没有进行什么代码拉取，回滚操作。此时我就很生气了，虽然frp下载和配置很简单， 但是GPT的态度让我很不高兴，我是感觉GPT对我进行了欺骗，把我的frp删除了，还说没删除。此时我真的感觉心很累， codex我明明那么信任你，但是你却让我很失望。</p><h2 id="">累</h2><p>另一个filebox的项目，也是让GPT去迭代，结果更是一坨大的。我给他找了一个苹果手机的悬浮球的图片， 想让他也给我做一个这种样式的前端主题。结果完全不行，丑的没法看，而且很多功能还是丢失的，跟他进行了多轮对话，风格还是没有好的改变，依旧丑。这里我就已经很崩溃了，额度花了不少，但是依旧丑陋。</p><p>然后我让他把工作区代码全部改成我github仓库的代码，他又跟我说一大推有的没的，居然还说我没git初始化仓库？！</p><p><img src="https://s3.sin6626.me/mx-images/w8pb50w9i9r9xr5hfo.png"/></p><p>我很好奇，我没初始化， 那我之前怎么让别的Ai进行代码回溯的，怎么让Ai上传代码到我的github仓库的，而且我项目根目录下明明都有.gitignore文件。受不了了，我直接打断了GPT。</p>
<p><img src="https://s3.sin6626.me/mx-images/scc5i2drpc0d646psg.png"/></p>
<p><img src="https://s3.sin6626.me/mx-images/4mvchrk34cuxmk4q13.png"/></p><p>这里已经可以看到我很愤怒了，有种面对豆包的无力感。</p>
<h2 id="">累</h2><p>后面实验室项目的队友说要联调，于是我就去搞联调了。联调是心最累的。设备端的队友他们收指令的格式不是我一开始给他们的指令格式，也不是题目中的说的字段名字。一开始我就给了一份写好的MQTT应该的发送格式的Markdown文档给他们，但是他们都没有看，最后在指令部分还要我在联调的时候改。这里我就已经开始绝望了。想起来了我朋友在打2V2台球时说的一句话：小冯，这是你队友（这时候是因为我队友自由球没进球，后续还送了自由球给他们）。</p><p>这里我已经由绝望转变成了一丝丝的愤怒，我真的都想直接开喷了，但是还是压住了怒火，因为我要参加比赛，而比赛得要有队友。与其把这一切都搞糟，不如先做好，等后面再慢慢改。问清楚了他们的字段的含义，于是就给GPT去改，改的真还行，有些地方我估计是因为他们的字段名语义太差，GPT根本不知道是什么意思。</p><p>到10点22分的时候，GPT改完了，我想进行测试的时候，但是他们那边都收拾好了电脑，说是要打印一个什么， 打印店马上关门了，没办法测试了。这里火气又上来， 我辛辛苦苦改这些字段，改数据库，结果改完不进行测试了，什么鬼？但是我还是压下了怒火，最后只能去跟群友们吐槽， 发😭的表情来稍微释放下我的心情。</p><h2 id="">群友的话的联想</h2><p><img src="https://s3.sin6626.me/mx-images/3vy2coxy6edjcsascb.png"/></p><p>看到苏打哥问我上学不打游戏吗，我突然感觉自己有一种说不出的感觉。小时候，在没手机的时候， 我天天抱着一个电脑看， 我的叔叔看见之后总是会告诉我要少看电视。稍微大一点，有了手机， 我天天打游戏，过年的时候在年夜饭上，也打， 吃完饭也打。我的叔叔也跟我不要打游戏。在爷爷奶奶面前， 他们也劝告我要少打游戏，多读读书。每次我只能嗯。</p><p>上大学后， 不知道怎么回事，我游戏打得越来越少（大概）。</p><p>大一的时候逃课刷算法视频， 刷力扣。</p>
<p><img src="https://s3.sin6626.me/mx-images/i9jk0yvt7mxje1f76f.png"/></p><p>后面打完蓝桥杯保持了一阵子，就放下了。沉沦了一段时间的奶块，应该是玩了1000多个小时。随着后面，游戏内的几个好友的淡游，我也心起了淡游的念头。于今年的4月中旬正式开始了淡游，晚上属于奶块的也全部变成了我去了解Ai，学习编程，了解项目，做自己感兴趣的事情的时间。这种情况一直持续到了现在。</p><p>永劫也很久没有登录了，每次都跟兄弟们打还得要更新。</p><p><img src="https://s3.sin6626.me/mx-images/dx5rjyu3vmen75keou.png"/></p>
<p>不过也好在兄弟们也没嫌弃的我的技术差，有时候想玩了，喊他们打，他们也会答应（每次打单挑都虐杀了废别，但是废别也是要面子的，就不放图了）。</p><p>当群友苏打哥问我大学不打游戏的吗的时候，内心一下真的就复杂了起来。可能我内心是想打的吧，但是我也想去驱动Ai，去做自己想做的事情，满足自己的好奇心。</p><p>早在大学刚开始的时候，我就让自己给计算机行业加上了一个刻板印象。计算机行业的学生想要找到一个好的工作，普通人而言，就是多次的实习经历。我也给自己想了三次实习经历的计划，第一段是大二升大三的暑假，找到第一段实习，找什么都好，尽可能的融入行业，认识行业内的大佬。第二段是大三升大四的暑假，目标是找到一个比上次更好的实习（一次比一次好就够了）。最后就是大四的实习，这段实习要向着转正去做，给自己留一个后手，就不用怕后面的校招（感觉自己想的比较美好）。</p>
<p>哈哈哈， 不知道说什么了，昨天晚上熄灯之前都没写完手记，感觉昨天晚上的想的很多事情都忘记了，人真的跟openclaw一样哎，在梦境中整理我们的记忆，我昨天的感悟都没了，哈哈哈。那就这样吧，真忘记要说什么了。。。好像是有些对于找女友的感想来着， 对大学的感谢来着，真忘记了。。。</p></div><p style="text-align:right"><a href="https://sin6626.me/notes/5#comments">看完了？说点什么呢</a></p></div>]]></description><link>https://sin6626.me/notes/5</link><guid isPermaLink="true">https://sin6626.me/notes/5</guid><dc:creator><![CDATA[Sin]]></dc:creator><pubDate>Wed, 03 Jun 2026 05:25:54 GMT</pubDate></item><item><title><![CDATA[有关驱动式学习的感悟]]></title><description><![CDATA[<div><blockquote>该渲染由 Shiro API 生成，可能存在排版问题，最佳体验请前往：<a href="https://sin6626.me/posts/study&amp;think/drive-based-learning-insights">https://sin6626.me/posts/study&amp;think/drive-based-learning-insights</a></blockquote><div><blockquote><p> 驱动式学习，世界上最好的学习方式，不是为了解决学习而学习， 而是为了解决实际的问题。</p><h2 id="">第一次听到这个词语</h2><p>我第一次听到这个词语，是我大一下的时候。那天有一个即将毕业的大四学长的讲座分享会，我在观众的名单中，看见了一个我在意的人的名字，于是也报名了这个讲座当观众的活动。算是赚大，学到了很多，也是在学长的分享会上我第一次听到了这个词语--驱动式学习。</p></blockquote>
<p>学长很优秀，有过大厂的实习经验，即将毕业，手里已经收到了多份大厂的offer，小红书，快手，字节等。他说了他了大学四年的经历，很丰富，也很精彩。他说推荐我们一种学习方式：驱动式学习。听到这个词，那时我立刻就有了一种陌生又熟悉的感觉，随后他又讲解了什么是驱动式学习，简单来说就是：<strong><em>不是为了读书而读书，而是被一个 “目标 / 问题 / 任务” 推着走，为了解决它才去学</em></strong>。那时候我没什么感觉，但是却让我影响深刻，第一我不知道如何去运用这个学习方法，也不知道他的厉害之处在哪里，但是我却记住了，觉得可能在日后的某个瞬间，我可能会理解吧。</p><h2 id="">近日的驱动式学习</h2><p>最近我实验室的互联网项目要开始进行联调，其中我就遇到了不是问题， 但是又让我很不舒服的事情。我是负责应用层（前后端），要和负责通信层的队友进行通信。理论上在比赛中，我们应该会是在同一个局域网之中，然后就能很方便的进行通信，他代码那边写我的ip，端口，然后连上我的mqtt服务器即可。但是在开发过程中，我们经常不在同一个局域网中，每次要进行调试，或者尝试连接之类的事情，我都得要背着我厚重的电脑去他们旁边进行联调。对我一个常年把电脑放在寝室的人来说，非常的不友好。（要带着电脑跑跑到9楼的高度，到地方了还得休息10分钟才能进入状态）虽说这种事情还称不上是问题，但是跟他们进行了一次联调之后， 我还是有了能不能我就在寝室，然后他们也能连接上我的mqtt服务器的想法。</p><p>刚好晚上，我实验室的兄弟就说了有关frp之类的言论，我并不知道什么是frp，但是他又说，他们组现在已经可以远程连接他的mqtt服务器了，这让我一下就感了兴趣，原来不是只有我有这种想法。第二天我就开始了frp的了解和学习。</p><p>frp是一个内网穿透的工具，让在本地的开的服务可以映射到公网上，然后别人通过公网上的ip加映射的端口就能访问你本地的服务。前提是你得有一个在公网上服务器。服务器通过下载配置frps，然后本地电脑通过下载配置frpc，就能很简单的实现别人远程访问你的电脑上开的服务。还可以通过ssh实现远程连接电脑，不过现在我是没有这个需求。</p><p>晚上跟朋友们出去浪完回来就开始了远程的联调（或许我应该发布下出去玩的手记），不出我意料，没有一点问题，他们设备端可以正常连接到我的mqtt服务器，也能发送消息。</p><h2 id="">感想</h2><p>可以发现，我学习使用frp是很快的，一天时间都没有到， 我就解决了一个不是问题的，但是让我感觉不舒服的点，这也是我们当下这个时代的特点。各种资料的开源，工具，知识能很轻易地在网络上获取，信息不在是封闭的，也有Ai去辅助我们收集信息（如果不给Ai官网，他很可能出现信息过时，或者胡编乱造的情况），学习任何一个东西都是很迅速的（当然迭代也快）。这种情况下，驱动式学习更是能体现出它的优势点：</p><ul><li><code>主动性强，不是别人给我灌输知识， 而是我需要什么知识</code>：区别于传统形式的讲课式的学习，课上的知识是老师教我们的，是老师按照课程要求给我们灌输的知识，是他们想要我们学会的----要我学。而驱动式学习，则是我主动的去学习，我要解决一个问题，我需要什么知识----我要学。</li><li><code>理解更加的透彻，对知识的运用力更强</code>：本身驱动式学习就是从问题出发的，学习对应的知识，然后解决的了对应的问题。这是实实在在的掌握理解了知识，并且在知识运用到了实践当中，不是空的。遇到对应的问题，也能快速调用相应知识去解决问题。</li><li><code>适配自学，长期，终生学习的必经之路</code>：自主的解决问题，培养了主动性，这跟自学所需的主动性本质上是同一个东西，潜移默化地提高了自学的能力，而且“发现问题 — 学习知识 — 解决问题” 的良性循环，这会让人收到正反馈，让人坚持学习下去，无意识地就长期学习了，甚至终生学习。</li></ul><p>只想到了3个点，果然啊，把自己的感悟描述出来很难，有些东西只可意会不可言传是对的。加油继续努力吧，第一次学习使用了MarkDown格式，感觉比编程简单。</p></div><p style="text-align:right"><a href="https://sin6626.me/posts/study&amp;think/drive-based-learning-insights#comments">看完了？说点什么呢</a></p></div>]]></description><link>https://sin6626.me/posts/study&amp;think/drive-based-learning-insights</link><guid isPermaLink="true">https://sin6626.me/posts/study&amp;think/drive-based-learning-insights</guid><dc:creator><![CDATA[Sin]]></dc:creator><pubDate>Sun, 31 May 2026 09:30:23 GMT</pubDate></item><item><title><![CDATA[第一次吃漂亮饭]]></title><description><![CDATA[<link rel="preload" as="image" href="https://s3.sin6626.me/mx-images/wtjf00bmg3oso6iaxy.jpg"/><link rel="preload" as="image" href="https://s3.sin6626.me/mx-images/e1ymdxu7vhocvrvg19.jpg"/><link rel="preload" as="image" href="https://s3.sin6626.me/mx-images/y3lbxp91xlwhx1496r.jpg"/><link rel="preload" as="image" href="https://s3.sin6626.me/mx-images/t3hcbk34bf19pkanof.jpg"/><div><blockquote>该渲染由 Shiro API 生成，可能存在排版问题，最佳体验请前往：<a href="https://sin6626.me/notes/4">https://sin6626.me/notes/4</a></blockquote><div><blockquote><p>当之前只在图片里的“漂亮饭”真真切切地出现在我眼前时，我的心情可谓是既开心又难过。开心的是，第一次吃上漂亮饭，感到非常新奇；难过的是，这个在我脑子里徘徊了无数次的浪漫场景，此刻坐在我边上的居然是个男生！
昨天半夜跟蚊子搏斗了好久好久，连斩屠戮了三只蚊子之后，才得以缓缓入睡。结果万万没想到，晚上做梦居然梦到自己出生在了缅北……</p></blockquote>
<h2 id="">探索“米店书吧”</h2><p>惊魂未定地醒来之后，拉上朋友先去扒拉了个午饭，随后便直奔我们今天的活动地点——<strong>米店书吧</strong>。</p><p>刚一进去，属于是“dio丝进城”了。这家店面非常的洋气，我简直像个婴儿一样，充满好奇地打量着四周。</p><p><img src="https://s3.sin6626.me/mx-images/wtjf00bmg3oso6iaxy.jpg" height="1280" width="2844"/></p><p>当然，这只是冰山一角。真正优美的环境并没有在图片中完全展示出来——初来乍到，我也不太敢肆无忌惮地四处记录，只能在座位上随手定格一张，分享给各位。</p><p>就如同朋友给我介绍的那样，刚走进这家店，就能感受到这里确实是个适合学习的宝地。它有着和咖啡馆一样静谧的好环境，大家都在有条不紊地做着自己的事情。在这样的氛围感染下，我也慢慢沉浸到了自己的世界里。</p><h2 id="">下午</h2><p>今天的开发异常顺利！基本上我能做的、能测的模块全都搞定了，现在只等下周队友把设备做出来就可以进行联调。</p><p>不得不提一句，这里的空调开得好足，连我的“拯救者”游戏本都咆哮不起来了，甚至把我本人都冻得有些发冷。后来，我开始给朋友演示最近捣鼓的小玩意儿，他看完表示：“确实挺不错的”。（等这些东西被我彻底捣鼓明白、觉得拿得出手了，我会专门发篇新文章来分享我的心得！）</p><p>后面的后面，就迎来了一段大讨论。可恶的“外星人”竟然冒充小学生跑来附近吵闹！本来我还想静下心来学习一下 NestJS，可实在是被这些小学生整得苦不堪言。无奈之下，我只能默默关掉 B 站，打开了《植物大战僵尸》——还别说，这游戏真的让我被小学生搅得浮躁的心逐渐平静了下来。</p><h2 id="">主角登场</h2><p>终于熬到了饭点，我也如愿点上了本篇日记的主角——<strong>漂亮饭</strong>！</p><p>我点的是一份台式🦌(卤)肉饭，朋友点的是黑胡椒意面。除此之外，我们还各自配了一杯高颜值的“漂亮水”和冰杨梅。</p><p><img src="https://s3.sin6626.me/mx-images/e1ymdxu7vhocvrvg19.jpg"/></p><p><img src="https://s3.sin6626.me/mx-images/y3lbxp91xlwhx1496r.jpg"/></p><p><img src="https://s3.sin6626.me/mx-images/t3hcbk34bf19pkanof.jpg"/></p><p><strong>我的评价是：好吃，小贵，但是值得。</strong></p><p>如果以后我有女朋友了，我也一定会带她来这儿吃。可惜啊，这种浪漫的场景对于现在的我来说，还是只能在梦里见见。我的目标是在大二找到女朋友（现在满打满算还剩一个多月），兄弟们，你们觉得我能完成目标吗？</p>
<p>本篇日记就是在吃完漂亮饭后趁热打铁写的。晚上还有团日活动要参加，真的没时间了，怎么感觉时间过得这么快啊！</p><p>不说了，赶车去了，哈哈哈哈！</p></div><p style="text-align:right"><a href="https://sin6626.me/notes/4#comments">看完了？说点什么呢</a></p></div>]]></description><link>https://sin6626.me/notes/4</link><guid isPermaLink="true">https://sin6626.me/notes/4</guid><dc:creator><![CDATA[Sin]]></dc:creator><pubDate>Sun, 17 May 2026 10:45:02 GMT</pubDate></item><item><title><![CDATA[总结下最近学的TailWind和Nest的心得]]></title><description><![CDATA[<link rel="preload" as="image" href="https://s3.sin6626.me/mx-images/da77m3yd2d95mdjhoi.png"/><div><blockquote>该渲染由 Shiro API 生成，可能存在排版问题，最佳体验请前往：<a href="https://sin6626.me/posts/study&amp;think/tailwind-nest-summary">https://sin6626.me/posts/study&amp;think/tailwind-nest-summary</a></blockquote><div><p>五一上来，还算是比较悠闲的，捣鼓了自己很多喜欢的东西，也学了很多自己喜欢的技术，就比如这篇说的 <strong>Tailwind CSS</strong> 和 <strong>NestJS</strong>。</p><p>本应该是 Tailwind 一学完就发布一篇学习心得的（虽然只是浅学了点），或者是等 NestJS 学完再一起发。前者因为自己最近琢磨新花样给耽搁了，后者则是如今时间实在告急了，已经没有时间继续啃 NestJS 了。实验项目现已进入了联调阶段，但我应用层的框架还有很多 Bug，很多底层代码也没有看完，所以接下来的时间必须全力冲刺实验室项目了！</p><p>在闭关之前，先把这份心得整理出来。</p><h2 id="-">📚 学习资源</h2><ul><li><a href="https://www.bilibili.com/video/BV1ov9NBGEsR/">学习 Tailwind 的视频 1</a></li><li><a href="https://www.bilibili.com/video/BV15rn9z2EvE/">学习 Tailwind 的视频 2</a></li></ul><hr/><h2 id="--tailwind-css-v4">💡 初识 Tailwind CSS v4</h2><p>今天去翻官方文档时发现 Tailwind 又更新了，我当时学的时候是 4.2，现在已经迭代到 4.3 了。</p><p>Tailwind 是一个以 Utility（实用工具）为主的 CSS 框架，我们一般叫它“原子类框架”。它的理念和早期的 Bootstrap 略有神似，都是通过在 HTML 标签上添加现成的类名来实现样式渲染。</p><p>但 Tailwind 有一个无与伦比的优势：<strong>超强的可移植性</strong>。从 Vue 迁移到 React，基本上只需要无脑 copy 代码即可。更棒的是，如果你在网上看到别人用 Tailwind 写出了酷炫的样式，你可以直接复制人家的源码标签从而实现“一键盗走样式”，毕竟所有的设计逻辑都明明白白地写在类名上了。</p><hr/><h2 id="--vue-">🛠️ 在 Vue 项目中快速起步</h2><p>在 Vue 3 + Vite 环境下使用 Tailwind v4 非常丝滑：</p><h3 id="1-">1. 安装依赖</h3><p>首先安装 Tailwind 核心包及其配套的 Vite 插件：
<code>bash
pnpm install tailwindcss @tailwindcss/vite</code></p><h3 id="2--vite-">2. 配置 Vite 插件</h3><p>在 <code>vite.config.ts</code> (或 <code>.js</code>) 文件中引入插件：
```javascript
import { defineConfig } from &#x27;vite&#x27;
import tailwindcss from &#x27;@tailwindcss/vite&#x27;</p><p>export default defineConfig({
  plugins: [
    tailwindcss(),
  ],
})
```</p><h3 id="3-">3. 引入入口</h3><p>在你的全局 <code>style.css</code> 文件首行加入导入指令即可：
<code>css
@import &quot;tailwindcss&quot;;</code></p><blockquote><p><strong>🔥 小贴士</strong>：别忘了去 VS Code 插件市场下载 <strong>Tailwind CSS IntelliSense</strong>，这样在写代码时就能享受到丝滑的类名语法提示和颜色预览了。</p></blockquote>
<hr/><h2 id="-">🧬 核心指令详解</h2><p>Tailwind v4 推崇 CSS-First 理念，通过几个强大的 CSS 指令直接在样式表中进行深度定制。</p><h3 id="-theme">🎨 <code>@theme</code></h3><p>用于自定义全局设计变量。语法遵循标准的 CSS 变量格式（以 <code>--</code> 开头）。
<code>css
@theme {
  --color-dark-blue: oklch(21.613% 0.09471 275.052);
  --font-arial: Arial, sans-serif;
}</code>
<em>细节建议：在定义色值时推荐使用 <code>oklch</code> 格式，它能让颜色的视觉一致性更强，对人眼更为友好。</em></p><h3 id="-utility">🛠️ <code>@utility</code></h3><p>用于定义自定义的原子工具类，创建后可以直接在 HTML 标签上使用。
<code>css
@utility grid-cols-autofit {
  grid-template-columns: repeat(auto-fit, minmax(13.75rem, 1fr));
}</code></p><h3 id="-layer">🧱 <code>@layer</code></h3><p>用于控制 CSS 样式的级联分层。Tailwind 默认为了保持纯净会重置浏览器样式（比如 <code>h1</code>-<code>h6</code> 都没有加粗）。如果项目里大量需要加粗，与其每次手写 <code>font-bold</code>，不如直接在 <code>base</code> 层统一覆盖：
<code>css
@layer base {
  h1, h2, h3 {
    font-weight: 700;
  }
}</code></p><h3 id="-apply">✨ <code>@apply</code></h3><p>可以将一连串冗长的 Tailwind 原子类“打包”成一个传统的原生 CSS 类，用于组件样式的统一收口。
<code>css
@layer components {
  .button {
    @apply bg-fuchsia-700 py-3 px-7 inline-block rounded-full hover:bg-fuchsia-600 transition-colors;
  }
}</code></p><h3 id="-variant">🎭 <code>@variant</code></h3><p>v4 极其实用的语法糖。它允许你在自定义 CSS 逻辑中嵌套应用 Tailwind 的变体状态（如深色模式、Hover 态等）。
```css
@utility feibie-div {
  background-color: black;</p><p>  /<em> 当系统或页面主题为深色模式时，背景变灰 </em>/
  @variant dark {
    background-color: grey;
  }
}
```</p><hr/><h2 id="-">🎉 阶段成果展示</h2><p>最后展示一下这几天跟着视频边学边做敲出来的实战成果：</p><p><img src="https://s3.sin6626.me/mx-images/da77m3yd2d95mdjhoi.png" height="1039" width="1919"/></p><hr/><p>啊啊啊啊啊，写着写着发现又说多了！
时间实在是真的不够用了，马上得去打电话跟进实验室的联调进度。那 NestJS 的坑我就先刨到这儿了，等哪天项目搞定、闲下来学完的时候，我再来补发一篇心得吧！</p><p>诸君回见！👋</p></div><p style="text-align:right"><a href="https://sin6626.me/posts/study&amp;think/tailwind-nest-summary#comments">看完了？说点什么呢</a></p></div>]]></description><link>https://sin6626.me/posts/study&amp;think/tailwind-nest-summary</link><guid isPermaLink="true">https://sin6626.me/posts/study&amp;think/tailwind-nest-summary</guid><dc:creator><![CDATA[Sin]]></dc:creator><pubDate>Tue, 12 May 2026 13:40:42 GMT</pubDate></item><item><title><![CDATA[26年五一总结]]></title><description><![CDATA[<link rel="preload" as="image" href="https://s3.sin6626.me/mx-images/86t6hckgw3bcjjx6vj.jpg"/><link rel="preload" as="image" href="https://s3.sin6626.me/mx-images/7c06tm3jxzykvffpww.jpg"/><div><blockquote>该渲染由 Shiro API 生成，可能存在排版问题，最佳体验请前往：<a href="https://sin6626.me/notes/3">https://sin6626.me/notes/3</a></blockquote><div><h2 id="">前言</h2><p>一转眼五一就过完了，这几天发生了很多事，也遇到了不少开心的好事。</p><p>本来打算明天再写这份假期总结，但想到明天晚上约了朋友打永劫无间，大概率没时间静下心记录，索性就提前今晚写完。</p><h2 id="">漫展之行｜随性出发的快乐</h2><p>4月30日晚上，朋友废别临时决定5月1号去逛漫展，准备得十分仓促，也没多喊其他朋友，就我们两人结伴出发。</p><p>琐碎细节就不一一赘述了，只记录印象最深的片段。</p><p>漫展里有一块小小的永劫无间专区，摆放着两台电脑，专门给游客刀房单挑PK。
废别妥妥的战斗狂，直接冲上去抢电脑跟路人对线。
实话实说他本身刀法底子不差，但现场设备陌生、按键手感完全不习惯，靠刀法吃饭的他直接被打爆，我在旁边全程疯狂嘲笑😂😂😂。</p><p>逛完漫展之后，我们直接开启摆烂模式，直奔高中同学家里落脚。
晚饭由废别请客，安排了<strong>达美乐 × 明日方舟</strong>联名披萨。</p><p><img src="https://s3.sin6626.me/mx-images/86t6hckgw3bcjjx6vj.jpg" alt="达美乐明日方舟联名披萨" height="1920" width="1080"/></p><p>中途还偶遇了骑行的轩别，顺带路过汉堡节现场。
现在想想还好没细写，不然篇幅会拉得特别长，也后悔没当天随手记一篇日记。</p><h2 id="nuxt--tailwindcss-">宅家学习｜Nuxt 与 TailwindCSS 进补</h2><p>5月2号全天宅在家，静下心把 Nuxt 知识点过了一遍。
感触最深也最实用的就是 <code>useFetch</code>，算是 Nuxt 实现 SSR 服务端渲染的核心关键 API。</p><p>Nuxt 收尾后，正式开始入门学习 TailwindCSS。
听技术群群主说现在开发基本都用它写样式，我也得把这块短板补上。</p><p>晚上把平时在 GitHub 收藏、一直没空看的项目都拉下来跑了一遍，
不过大部分项目对现阶段的我用处不大，也就没有点 Star 留存。</p><h2 id="">生日小聚｜久违的小学同学重逢</h2><p>5月3号是我的生日，没有刻意安排热闹活动，只提前约了小学同学来家里坐坐。</p><p>见到他第一眼真的很震惊：
去年还在160–170斤，今年直接瘦到140斤，<strong>体脂率降到21%</strong>，换了新发型、整个人气质都变了，看着还长高了一点，完全逆袭成大帅哥。</p><p>聊天途中听他说起一众小学老同学的近况：
有人发福脸变圆，有人开始相亲，也有人模样一点没变，只是体型整体放大一圈。</p><p>听到那些久违的名字，既熟悉又陌生。
一晃五年甚至更久没见，平时也几乎不联系，但听闻大家近况，心里还是感慨万千。</p><p>晚上一起去吃了小龙虾自助，平淡舒服地过完了生日这天。</p><p><img src="https://s3.sin6626.me/mx-images/7c06tm3jxzykvffpww.jpg" alt="小龙虾自助"/></p><h2 id="">放空摆烂｜宅家游玩日常</h2><p>5月4号继续宅家摆烂，晚上玩了很久《天津罪》这款 Galgame。</p><p>这款游戏寒假就开始入坑，一直没推完。
本身题材尺度偏大，在学校根本不方便玩，本来想趁五一回家直接通关，无奈剧情体量太庞大，最后还是没能推完。</p><h2 id="">返校收尾｜假期悄然落幕</h2><p>5月5号正式返校日。
日常流程：睡醒、吃饭、睡午觉、返校。
晚上上线和朋友打了几个小时永劫无间，五一假期就这样草草结束。</p><h2 id="">五月新计划</h2><p>整个假期下来，感觉做了很多事，静下心又好像没完成多少。</p><p>给自己五月定个小目标：
先把 TailwindCSS 系统学完，沉下心，从现在正式动工。</p></div><p style="text-align:right"><a href="https://sin6626.me/notes/3#comments">看完了？说点什么呢</a></p></div>]]></description><link>https://sin6626.me/notes/3</link><guid isPermaLink="true">https://sin6626.me/notes/3</guid><dc:creator><![CDATA[Sin]]></dc:creator><pubDate>Tue, 05 May 2026 15:57:29 GMT</pubDate></item><item><title><![CDATA[Nuxt 学习记录：从 Vue 进阶到全栈框架]]></title><description><![CDATA[<div><blockquote>该渲染由 Shiro API 生成，可能存在排版问题，最佳体验请前往：<a href="https://sin6626.me/posts/study&amp;think/nuxt-learning-from-vue-to-fullstack-framework">https://sin6626.me/posts/study&amp;think/nuxt-learning-from-vue-to-fullstack-framework</a></blockquote><div><h2 id="-nuxt-">开启 Nuxt 学习之旅</h2><p>从周一开始，我开始补Nuxt。作为Vue技术栈的上层全栈框架，可以说是Vue的最后一步了。Nuxt的出现主要是弥补Vue的Spa网站SEO很差和首屏加载慢的问题，Vue作为js动态渲染的单页面网站，搜索引擎的爬虫根本爬不到这个网站的信息，自然也就是搜不到这个网站，但是Vue的开发速度很快，基于以上，Vue适合做的是一个网站的后台或者XXX管理系统，因为这种网站不需要被搜索引擎搜索到。</p><h2 id="nuxt-">Nuxt 的核心渲染原理</h2><p>Nuxt由于是使用SSR（Severe-Side Render）和CSR（Client-Side Render）的混合渲染模式，弥补了Vue项目SEO很差的问题。Nuxt内嵌了一个服务器引擎Nitro，所以能在服务端渲染（有点像老派PHP）。每次请求的时候，先进行服务端渲染一次，返回一个静态的网页结构，让爬虫能够爬取，然后再在客户端进行渲染，让请求速度保留了单页面的快速。</p><h2 id="-nuxt-">学习 Nuxt 遇到的困境</h2><p>但是学习Nuxt的时候我遇到了很多的问题。首先就是，25年出Nuxt4的课程很少很少，虽然Nuxt4似乎只在Nuxt3的基础上改了项目结构和删除了部分在Nuxt3就打算弃用的api，但是我还是想要学到最新的课程。无奈只能寻找Nuxt3的课程，Nuxt3的课程大部分是23年的，而且培训机构黑马和尚硅谷我都没有看见好的免费课程，别的免费课程看的时候感觉质量也不高，有质量高的，但是又是使用Ts。没学过ts的我，看起来很吃力。</p><h2 id="-typescript">被迫转向学习 TypeScript</h2><p>既然视频都不符合我的心意，索性直接开始啃Nuxt的官方文档。两天之后我完全后悔了，速度很慢，而且很多概念也难以理解（或许是我已经习惯了学习编程就是要找视频，反而看文档有点难以看进去了）。没办法，被迫开始了学习TypeScript。</p><h2 id="typescript-">TypeScript 学习进度</h2><p>Ts在b站上视频也不算多，好在质量够，其中在Vue3 + Ts的课程就很吸引我。（或者我一开始学Vue的时候就应该看这个的）但是这个课程并没有完全在讲Ts的语法，索性放弃了这个课程。看上了尚硅谷的直播回放的<a href="https://www.bilibili.com/video/BV1YS411w7Bf?spm_id_from=333.788.videopod.episodes&amp;vd_source=1682e9ac64dadc373075d9b34a7a2c7c&amp;p=4">Ts语法复习速通</a>。视频质量很高，有过Java，Js语言的基础理解起来还是很快的，但是熟练使用还是得在项目中练习才行。目前还有Ts的装饰器没看，加油加油，学完直接学Nuxt！</p></div><p style="text-align:right"><a href="https://sin6626.me/posts/study&amp;think/nuxt-learning-from-vue-to-fullstack-framework#comments">看完了？说点什么呢</a></p></div>]]></description><link>https://sin6626.me/posts/study&amp;think/nuxt-learning-from-vue-to-fullstack-framework</link><guid isPermaLink="true">https://sin6626.me/posts/study&amp;think/nuxt-learning-from-vue-to-fullstack-framework</guid><dc:creator><![CDATA[Sin]]></dc:creator><pubDate>Fri, 24 Apr 2026 15:54:46 GMT</pubDate></item><item><title><![CDATA[2026年4月18号博客建站的第一天]]></title><description><![CDATA[<div><blockquote>该渲染由 Shiro API 生成，可能存在排版问题，最佳体验请前往：<a href="https://sin6626.me/notes/2">https://sin6626.me/notes/2</a></blockquote><div><p>建站的理由&amp;我的话：</p><p>3月份，在找opencode的使用视频的时候，看到一个名为Guoxk的大佬的讲解视频，机缘巧合上给Guoxk点了关注 +  一键三连，加上了微信，进入了他的技术交流群。有机缘巧合下看到了他主页的<a href="https://Guoxk.me">博客</a>，感觉很帅气，第二天就喊上我的高中同学一起做个人网站，他做后端，我做前端，不仅锻炼下自己的技术，也锻炼下自己使用Ai的能力。我们相约是等他把后端学完，4月6号开始动工……省略一段爱恨情长。建网站的事情一直没有动工，我开始寻找别的技术去建站，如Hexo，Astro。但是感觉效果不好，就一直拖着。前一周Guoxk在群里面推荐了一位大佬<a href="https://innei.in">Innei</a>的博客，我看后非常的震撼，设计简洁高级，交互细腻，动效平滑，性能极强，功能丰富，技术栈专业，简直就是前端界的艺术品。看完后就越来越想拥有想Innei大神一样的网站。于是就有了此站。</p><p>此博客的构建使用了Innei开发的<a href="https://mx-space.js.org/">Mix-Space</a>开源博客框架，前端主题使用的是<a href="https://github.com/Innei/Shiro">Shiro</a>。感谢Innei大佬开发的框架，能让新手也能拥有的高级感拉满的博客。</p><p>  搭建这个博客，对我技术上没有提升，毕竟自己一行代码都没有打，但是学到了一些部署上线的知识，比如云服务器购买与选择，使用docker的配置与部署项目，域名的注册与反向代理，双端域名的使用，HTTPS需要配置证书，后端的Core配置，熟悉了GPT的使用等。估计最近是不会Pull代码下来看了，因为里面的技术栈很我的技术栈相差很大，不过我还是见到了一些主流，而且很优秀的技术，这些技术我之前知道，但是一直没有去学，这个项目既然使用到了，我想必后面会去学习。</p>
<p>没时间了，马上熄灯了，我还没吃零食，好饿啊！！！怎么最近老是忘记，我都多久没吃了，就这样吧，感觉不太完美，这个Rich文本不知道是bug还是我不懂使用，好难用啊。还有还多的话都没说啊，没时间了，スタープラチナ！ザ・ワールド！時よ止まれッ！</p></div><p style="text-align:right"><a href="https://sin6626.me/notes/2#comments">看完了？说点什么呢</a></p></div>]]></description><link>https://sin6626.me/notes/2</link><guid isPermaLink="true">https://sin6626.me/notes/2</guid><dc:creator><![CDATA[Sin]]></dc:creator><pubDate>Sat, 18 Apr 2026 15:57:14 GMT</pubDate></item></channel></rss>