呜啦！日常碎碎念，偶尔掉落优质前端博文推荐、学习资源等
网页：https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦～
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态
图频：Cosine 🎨 Gallery @CosineGallery
猫片： @cosine_cat
网页：https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦～
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态
图频：Cosine 🎨 Gallery @CosineGallery
猫片： @cosine_cat
#博客更新 #年度报告
2024，心有所热，步履不停
是2024的年度总结，疑似有些太现充了🥰
新年快乐呀~祝大家都能得到自己想要的东西~
2024 于我而言是极度 “现充” 的一年，今年互联网给我总体感觉是浮躁、不安，人们经常互相攻击，也经常emo，希望这篇文章能带来一点点正能量。
提示：请勿在大晚上打开美食那一节
AI 摘要：2024年对我来说是生活与工作平衡的一年，主要专注于生活。尽管互联网环境浮躁，我通过美食和情感释放保持积极心态。今年我学会了如何去爱自己、他人和这个世界。 我购买了许多新设备，包括DJI Pocket 3、台式机和空调等，感觉未来几年不需要再买了。美食方面，我尝试了很多美味，包括俄式烧烤、烤鳗鱼和脆皮烤鱼等。 在居住方面，我搬回家开始远程办公，装饰了书房并展示了一些手办。今年我还解锁了许多新地点，包括北京、天津、深圳、香港、澳门的游玩经历，拍摄了很多照片，记录了我的生活点滴。希望这篇博客能带给你一点好心情。
Hexo博客链接 🔗 https://ysx.cosine.ren/2024-life-review
xLog链接 🔗 https://x.cosine.ren/2024-life-review
RSS订阅 📢 https://x.cosine.ren/feed/xml
2024，心有所热，步履不停
是2024的年度总结，疑似有些太现充了
新年快乐呀~祝大家都能得到自己想要的东西~
2024 于我而言是极度 “现充” 的一年，今年互联网给我总体感觉是浮躁、不安，人们经常互相攻击，也经常emo，希望这篇文章能带来一点点正能量。
提示：请勿在大晚上打开美食那一节
AI 摘要：2024年对我来说是生活与工作平衡的一年，主要专注于生活。尽管互联网环境浮躁，我通过美食和情感释放保持积极心态。今年我学会了如何去爱自己、他人和这个世界。 我购买了许多新设备，包括DJI Pocket 3、台式机和空调等，感觉未来几年不需要再买了。美食方面，我尝试了很多美味，包括俄式烧烤、烤鳗鱼和脆皮烤鱼等。 在居住方面，我搬回家开始远程办公，装饰了书房并展示了一些手办。今年我还解锁了许多新地点，包括北京、天津、深圳、香港、澳门的游玩经历，拍摄了很多照片，记录了我的生活点滴。希望这篇博客能带给你一点好心情。
Hexo博客链接 🔗 https://ysx.cosine.ren/2024-life-review
xLog链接 🔗 https://x.cosine.ren/2024-life-review
RSS订阅 📢 https://x.cosine.ren/feed/xml
2024, with a passionate heart, the steps never stop - cos
本文于 https://ysx.cosine.ren/2024-life-review 阅读体验最佳 多多多超多图警告～放轻松～坐下来慢慢看吧～ ❤️
前言
2024 于我而言是生活与工作平衡，甚至更偏向生活的一年，换句话说是极度 “现充” 的一年…
前言
2024 于我而言是生活与工作平衡，甚至更偏向生活的一年，换句话说是极度 “现充” 的一年…
#优质视频 #react #course
Twitter @cholf5: 这有个4个多小时的 React 初学者教程，感觉还蛮好的，通过案例讲概念，边敲代码边教学，效果比纯教概念好多了。有点像 Web Dev Simplified 的风格。（关键是声音爆好听，听他说话简直是一种享受）
https://youtu.be/CgkZ7MvWUAA
Twitter @cholf5: 这有个4个多小时的 React 初学者教程，感觉还蛮好的，通过案例讲概念，边敲代码边教学，效果比纯教概念好多了。有点像 Web Dev Simplified 的风格。（关键是声音爆好听，听他说话简直是一种享受）
https://youtu.be/CgkZ7MvWUAA
#优质博文 #cursor #ai
Cursor 深度评测：革命性提效工具还是过誉的玩具？
AI 摘要：Cursor 是一款结合 LLM 与传统 IDE 的辅助编程工具，凭借 Codebase Indexing 和 Composer 面板等功能，提供更强的上下文支持和高效的多文件协作开发能力，大幅提升开发效率，尤其在问答、单测生成、代码转换和功能 V0 实现等场景表现突出。然而，它并未开发自有大模型，而是通过灵活模型切换优化用户体验。尽管对中等复杂度任务表现较佳，但面对复杂项目仍需开发者主导。Cursor 本质是增强版 IDE，优点在于无缝接入开发流程，而非完全取代程序员。
via 微信公众号 Tecvan
Cursor 深度评测：革命性提效工具还是过誉的玩具？
AI 摘要：Cursor 是一款结合 LLM 与传统 IDE 的辅助编程工具，凭借 Codebase Indexing 和 Composer 面板等功能，提供更强的上下文支持和高效的多文件协作开发能力，大幅提升开发效率，尤其在问答、单测生成、代码转换和功能 V0 实现等场景表现突出。然而，它并未开发自有大模型，而是通过灵活模型切换优化用户体验。尽管对中等复杂度任务表现较佳，但面对复杂项目仍需开发者主导。Cursor 本质是增强版 IDE，优点在于无缝接入开发流程，而非完全取代程序员。
via 微信公众号 Tecvan
#优质视频
看完有点感动，想起小时候一些东西。
【为什么我们会怀念千禧年？】你真的了解Frutiger Aero以及千禧年有关的美学背后的故事吗？
@药厂人家:
人文历史 - 别看简介
〰〰〰〰〰〰〰〰〰〰
🔝> @药厂人家:
bgm（按照出现顺序）：comfort chain；snowfall；Y2K;Azure Skies;vertigo;retrieval;Dramamine
(整合版)https://music.163.com/playlist?id=12999505656&userid=3236028304
————————————————————
最后希望大家点点赞和关注，真的要燃尽了[大哭]
看完有点感动，想起小时候一些东西。
【为什么我们会怀念千禧年？】你真的了解Frutiger Aero以及千禧年有关的美学背后的故事吗？
@药厂人家:
人文历史 - 别看简介
〰〰〰〰〰〰〰〰〰〰
🔝> @药厂人家:
bgm（按照出现顺序）：comfort chain；snowfall；Y2K;Azure Skies;vertigo;retrieval;Dramamine
(整合版)https://music.163.com/playlist?id=12999505656&userid=3236028304
————————————————————
最后希望大家点点赞和关注，真的要燃尽了[大哭]
#优质博文 #前端 #css #grid
CSS Grid Areas
一篇超级长的关于 CSS Grid 的教程，强烈推荐一读。
AI 摘要：这篇文章介绍了 CSS 网格布局中的命名网格区域（grid areas）及其应用，旨在帮助开发者更好地理解和利用这一特性。以下是文章的要点：
1. 命名网格区域的基本概念：使用
2. 语法规则：命名区域必须符合矩形规则，且每个区域都需定义，即使没有直接使用。通过多行字符串定义多个区域，支持创建多维度布局。
3. 使用案例：
- 简单布局：通过定义基本的网格区域（例如“aside”与“main”），实现基本的布局。
- 复杂布局：通过多个区域字符串，可以轻松构建多行和多列的复杂布局。
4. 动态布局和空单元格：通过修改
5. 开发者工具的帮助：文章强调了命名网格区域可以提高布局的可视化性，使得开发和调试更为高效。
6. ......
总的来说，使用命名网格区域可以极大简化 CSS 网格布局的开发过程，提升可读性和维护性。
via Ahmad Shadeed
CSS Grid Areas
一篇超级长的关于 CSS Grid 的教程，强烈推荐一读。
AI 摘要：这篇文章介绍了 CSS 网格布局中的命名网格区域（grid areas）及其应用，旨在帮助开发者更好地理解和利用这一特性。以下是文章的要点：
1. 命名网格区域的基本概念：使用
grid-template-areas 属性，开发者可以为每个网格区域指定一个名称，并通过 grid-area 在元素中引用这些区域。这样，布局的管理更加直观和易于维护。2. 语法规则：命名区域必须符合矩形规则，且每个区域都需定义，即使没有直接使用。通过多行字符串定义多个区域，支持创建多维度布局。
3. 使用案例：
- 简单布局：通过定义基本的网格区域（例如“aside”与“main”），实现基本的布局。
- 复杂布局：通过多个区域字符串，可以轻松构建多行和多列的复杂布局。
4. 动态布局和空单元格：通过修改
grid-template-areas 字符串，可以动态调整布局。同时，可以使用 ... 表示空的网格单元格，提供灵活的布局控制。5. 开发者工具的帮助：文章强调了命名网格区域可以提高布局的可视化性，使得开发和调试更为高效。
6. ......
总的来说，使用命名网格区域可以极大简化 CSS 网格布局的开发过程，提升可读性和维护性。
via Ahmad Shadeed
Ishadeed
CSS Grid Areas
A fresh look at the CSS grid template areas and how to take advantage of its full potential today.
一个类 ctf 的 tg 版小测试在一夜之间得到了裂变传播。
上次看到类似的传播情况还是在上次
小圈子私有群聊/公开群聊发布，或大或小的频道转发、扩散，再在各个群组、私聊裂变传播。甚至作为前 2 个通关的用户，把这个挑战转发给朋友的我，在对方忽略这条消息几个小时后，又收到了对方把另一个频道转载的挑战入口发给我。what can i say
同样有意或无意的，在广泛传播后，随意设计的前几关，遭到了一些奇怪的入侵。比如形形色色的 `@level[\d+]ofstrangetest` 频道，或者
一部分频道或许是善意的，最多给出某通向“宇宙终点”的攻略链接。
也或许会有人在某些奇怪的频道里放上一些不怀好意的链接，请注意安全。
而恰巧存在的“终点”群，又恰好为这层“过滤器”筛选下的人提供了一个交流的平台。（大抵是对 tg 足够熟悉，或者足够聪明，听说过 ctf 或者进行过类似挑战，又有闲暇时间和精力能看到。即所谓的“tg 核心用户”）而交流的内容，也随着加入的人数开始向某些方向发展。
不知这一切，是否符合你对相似事件发展的期待，是否符合作者的预期。起码它在这次传播的过程中，至少一部分时刻，让我感到惊讶，也提供了又一个“亲临现场”的传播学案例。
小圈子私有群聊/公开群聊发布，或大或小的频道转发、扩散，再在各个群组、私聊裂变传播。甚至
同样有意或无意的，在广泛传播后，随意设计的前几关，遭到了一些奇怪的入侵。比如形形色色的 `@level[\d+]ofstrangetest` 频道，或者
t.me/+ 漏掉加号被抢注用户名之类的情况发生。一部分频道或许是善意的，最多给出某通向“宇宙终点”的攻略链接。
也或许会有人在某些奇怪的频道里放上一些不怀好意的链接，请注意安全。
而恰巧存在的“终点”群，又恰好为这层“过滤器”筛选下的人提供了一个交流的平台。（大抵是对 tg 足够熟悉，或者足够聪明，听说过 ctf 或者进行过类似挑战，又有闲暇时间和精力能看到。即所谓的“tg 核心用户”）而交流的内容，也随着加入的人数开始向某些方向发展。
不知这一切，是否符合你对相似事件发展的期待，是否符合作者的预期。起码它在这次传播的过程中，至少一部分时刻，让我感到惊讶，也提供了又一个“亲临现场”的传播学案例。
#优质视频 #效率工具
前些天看到的，最近遇到的事情之后，越想越觉得有点东西，推荐一看。
妲喵评：这不是SJF调度吗，有没有依据SJF调度的时间管理app，好像目前没看到过？
为什么所有APP都解决不了这个小问题？效率工具无法掌控真实生活。
@Topbook:
软件应用 - 把你要做的所有事情列个待办，做一件划掉一件，这是再简单不过东西了。而且只要你想，身边有大量类似的待办事项、任务清单工具。但是 99% 的人都做错了，包括这些工具的开发者。
〰〰〰〰〰〰〰〰〰〰
🔝> @Topbook:
人类过去笃信工业革命催生的管理学圣经，用过度的时间管理一点点毁掉日常生活，现在又笃信工具和算法会重塑生活秩序，但一切只会更糟。为了做这支视频，我们在《算法之美：指导工作与生活的算法》那本书中找到一个奇怪的例子，先还车还是先修理，本书作者认为是个典范，我们认为它是个不可修复的 bug，不断提醒我们，人不是机器。
这种视频做了两个月，注定不好懂，还抽象。但想了下，还是决定在年末给大家一点点值得琢磨的东西，先还车还是先修理，把你的选择放在评论区，这个视频就完整啦。如果你也喜欢这种给不了答案的东西，并且认为可以帮助我们成长哪怕一点点，感谢三连或者点个赞，来年再做一些，新年快乐！
前些天看到的，最近遇到的事情之后，越想越觉得有点东西，推荐一看。
妲喵评：这不是SJF调度吗，有没有依据SJF调度的时间管理app，好像目前没看到过？
为什么所有APP都解决不了这个小问题？效率工具无法掌控真实生活。
@Topbook:
软件应用 - 把你要做的所有事情列个待办，做一件划掉一件，这是再简单不过东西了。而且只要你想，身边有大量类似的待办事项、任务清单工具。但是 99% 的人都做错了，包括这些工具的开发者。
〰〰〰〰〰〰〰〰〰〰
🔝> @Topbook:
人类过去笃信工业革命催生的管理学圣经，用过度的时间管理一点点毁掉日常生活，现在又笃信工具和算法会重塑生活秩序，但一切只会更糟。为了做这支视频，我们在《算法之美：指导工作与生活的算法》那本书中找到一个奇怪的例子，先还车还是先修理，本书作者认为是个典范，我们认为它是个不可修复的 bug，不断提醒我们，人不是机器。
这种视频做了两个月，注定不好懂，还抽象。但想了下，还是决定在年末给大家一点点值得琢磨的东西，先还车还是先修理，把你的选择放在评论区，这个视频就完整啦。如果你也喜欢这种给不了答案的东西，并且认为可以帮助我们成长哪怕一点点，感谢三连或者点个赞，来年再做一些，新年快乐！
#工具推荐 #前端 #css #tools #tailwind #nextjs #学习项目 #sanity
看了一下技术栈没细看，感觉应该是适合初学者学习的 Next + tailwind 的项目，先 mark 一下。
Github：The Open Source Directory Website Boilerplate
https://github.com/javayhu/free-directory-boilerplate
https://github.com/javayhu/free-directory-sanity
https://fixupx.com/javay_hu/status/1872794607278538862
from Twitter@javay_hu
看了一下技术栈没细看，感觉应该是适合初学者学习的 Next + tailwind 的项目，先 mark 一下。
独立开发者导航站 开源啦！
free-directory-boilerplate.vercel.app
Github：The Open Source Directory Website Boilerplate
https://github.com/javayhu/free-directory-boilerplate
https://github.com/javayhu/free-directory-sanity
该项目代码仓库有2个，你可以简单理解为是前后端分离的实现形式。
稍微提一嘴，后来我在写Mkdirs模板时就重构改为了单仓库形式。
https://fixupx.com/javay_hu/status/1872794607278538862
from Twitter@javay_hu
GitHub
GitHub - javayhu/free-directory-boilerplate: The Open Source Directory Boilerplate
The Open Source Directory Boilerplate. Contribute to javayhu/free-directory-boilerplate development by creating an account on GitHub.
