呜啦！日常碎碎念，偶尔掉落优质前端博文推荐、学习资源等
网页：https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦～
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态
图频：Cosine 🎨 Gallery @CosineGallery
猫片： @cosine_cat
网页：https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦～
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态
图频：Cosine 🎨 Gallery @CosineGallery
猫片： @cosine_cat
#优质博文 #tools #工具推荐
1. Canva 如何建立图像搜索（英文） #搜索 #图像
本文介绍 Canva 公司如何使用向量嵌入，建立相似图片搜索。
下面是另外一篇类似的文章《基于 pgvector 和 Next.js 构建语义电影搜索》，也是使用向量嵌入。
2. 同一个 GitHub 用户如何用不同身份 SSH 登录（英文） #github #ssh
有时，同一个 GitHub 用户使用不同的 SSH 密钥，去登录不同的仓库。本文教你这时怎么写 SSH 配置文件。
3. Lightpanda #无头浏览器 #tools
轻量级的无头浏览器，可以接入 Playwright / Puppeteer，占用资源和执行速度号称是 Chrome 的十分之一。
4. changedetection.io
一个开源的服务，用来检测指定网页的某个部分是否发生变化。比如，网页上面的商品价格发生变化，它就会通知你。 【好多这种服务了 但是mark一下】
5. Voice-Pro #AI #语音
AI 语音工具，具有多种功能（语音识别、翻译、语音克隆、文本转语音），属于 Whisper 模型的 Web UI。
6. Hacker News Wrapped #趣站
该网站可以输入一个 Hacker News 论坛的用户名，它会用 DeepSeek 模型总结该用户的特点，描述非常准确而且传神。
7. GenSFX #AI #音效
免费的 AI 音效生成网站。
8. Beej 的 Git 指南（Beej's Guide to Git）
著名教程作者 Beej 的最新 Git 教程，基于他向大学学生的课堂讲义。
via #阮一峰的科技周刊 336
1. Canva 如何建立图像搜索（英文） #搜索 #图像
本文介绍 Canva 公司如何使用向量嵌入，建立相似图片搜索。
下面是另外一篇类似的文章《基于 pgvector 和 Next.js 构建语义电影搜索》，也是使用向量嵌入。
2. 同一个 GitHub 用户如何用不同身份 SSH 登录（英文） #github #ssh
有时，同一个 GitHub 用户使用不同的 SSH 密钥，去登录不同的仓库。本文教你这时怎么写 SSH 配置文件。
3. Lightpanda #无头浏览器 #tools
轻量级的无头浏览器，可以接入 Playwright / Puppeteer，占用资源和执行速度号称是 Chrome 的十分之一。
4. changedetection.io
一个开源的服务，用来检测指定网页的某个部分是否发生变化。比如，网页上面的商品价格发生变化，它就会通知你。 【好多这种服务了 但是mark一下】
5. Voice-Pro #AI #语音
AI 语音工具，具有多种功能（语音识别、翻译、语音克隆、文本转语音），属于 Whisper 模型的 Web UI。
6. Hacker News Wrapped #趣站
该网站可以输入一个 Hacker News 论坛的用户名，它会用 DeepSeek 模型总结该用户的特点，描述非常准确而且传神。
7. GenSFX #AI #音效
免费的 AI 音效生成网站。
8. Beej 的 Git 指南（Beej's Guide to Git）
著名教程作者 Beej 的最新 Git 教程，基于他向大学学生的课堂讲义。
via #阮一峰的科技周刊 336
#优质博文 #AI
教育的下一步
AI 摘要：在这篇文章中，作者探讨了传统教育理念与未来教育转型之间的博弈，指出数字化、个性化和终身学习对于现代教育的重要意义，并强调教育生态系统的跨界融合和全球教育资源共享将深刻改变教育模式。文章通过对信息技术和智慧教育平台的深入剖析，展示了如何打破时间和空间的界限，为每一位学习者提供灵活且高效的学习体验，同时呼吁社会各界共同推动教育改革，以应对不断变化的社会和经济需求。
via 螺莉莉的数据中心
教育的下一步
AI 摘要：在这篇文章中，作者探讨了传统教育理念与未来教育转型之间的博弈，指出数字化、个性化和终身学习对于现代教育的重要意义，并强调教育生态系统的跨界融合和全球教育资源共享将深刻改变教育模式。文章通过对信息技术和智慧教育平台的深入剖析，展示了如何打破时间和空间的界限，为每一位学习者提供灵活且高效的学习体验，同时呼吁社会各界共同推动教育改革，以应对不断变化的社会和经济需求。
via 螺莉莉的数据中心
螺莉莉的数据中心
教育的下一步 | 螺莉莉的数据中心
随着 Deepseek R1 模型的出现，之前我对大语言模型的诸多论断全都被推翻了。比如先前我在「当患有 ADHD 的工程师坐上了名为人工智能的四驱赛博轮椅」这篇文章提到的开发范式，已经出现了大幅的松动。
原本我在向大语言模型提出开发需求时还需要剪裁自己手里的代码，把问题的核心全都一一挖出来陈列好，交给模型处理。可是现在只需要把所有跟业务逻辑有关的几页代码全都粘在一起，模型就能自己参考有关的实现，完成必要的开发工作。在使用 Rust 这类相对复杂的语言时，模型也能做到基本不出错，出错只需要简单修正一两次，就可以产出高度可用的成果。…
原本我在向大语言模型提出开发需求时还需要剪裁自己手里的代码，把问题的核心全都一一挖出来陈列好，交给模型处理。可是现在只需要把所有跟业务逻辑有关的几页代码全都粘在一起，模型就能自己参考有关的实现，完成必要的开发工作。在使用 Rust 这类相对复杂的语言时，模型也能做到基本不出错，出错只需要简单修正一两次，就可以产出高度可用的成果。…
#AI #LLM #bot #tools #开源
AstrBot
✨易上手的多平台 LLM 聊天机器人及开发框架✨。支持 QQ、QQ频道、Telegram、微信平台(Gewechat, 企业微信)、内置 Web Chat，OpenAI GPT、DeepSeek、Ollama、Llama、GLM、Gemini、OneAPI、LLMTuner，支持 LLM Agent 插件开发，可视化面板。一键部署。支持 Dify 工作流、代码执行器、Whisper 语音转文字。
AstrBot
✨易上手的多平台 LLM 聊天机器人及开发框架✨。支持 QQ、QQ频道、Telegram、微信平台(Gewechat, 企业微信)、内置 Web Chat，OpenAI GPT、DeepSeek、Ollama、Llama、GLM、Gemini、OneAPI、LLMTuner，支持 LLM Agent 插件开发，可视化面板。一键部署。支持 Dify 工作流、代码执行器、Whisper 语音转文字。
GitHub
GitHub - AstrBotDevs/AstrBot: ✨ 易上手的多平台 LLM 聊天机器人及开发框架 ✨ 支持 QQ、QQ频道、Telegram、企微、飞书、钉钉 | 知识库、MCP 服务器、OpenAI、DeepSeek、Gemini、硅基流…
✨ 易上手的多平台 LLM 聊天机器人及开发框架 ✨ 支持 QQ、QQ频道、Telegram、企微、飞书、钉钉 | 知识库、MCP 服务器、OpenAI、DeepSeek、Gemini、硅基流动、月之暗面、Ollama、OneAPI、Dify - AstrBotDevs/AstrBot
#前端 #css #优质博文
CSS 的设计自 1996 年诞生以来便充满了历史遗留问题和诸多妥协，正如 CSS-Tricks 的文章 所指出的那样，许多属性（如 z-index、background-repeat 等）的命名和行为显得反直觉，背后反映了当初为适应 90 年代需求而做出的选择，而 CSSWG Wiki 则详细罗列了这些设计失误，从属性命名到布局规则，都存在诸多可以改进之处，但由于大量网站依赖这些历史遗留的设计，变更它们会带来巨大的技术债务，使得这些“错误”成为了不可逆转的现实。
via Frontend Focus #678
CSS 的设计自 1996 年诞生以来便充满了历史遗留问题和诸多妥协，正如 CSS-Tricks 的文章 所指出的那样，许多属性（如 z-index、background-repeat 等）的命名和行为显得反直觉，背后反映了当初为适应 90 年代需求而做出的选择，而 CSSWG Wiki 则详细罗列了这些设计失误，从属性命名到布局规则，都存在诸多可以改进之处，但由于大量网站依赖这些历史遗留的设计，变更它们会带来巨大的技术债务，使得这些“错误”成为了不可逆转的现实。
via Frontend Focus #678
踩了个小坑， th > tr 标签sticky时设置 border 会失效，
border-collapse: separate;border-collapse 属性设置表格的边框是否被合并为一个单一的边框，还是像在标准的 HTML 中那样分开显示。
https://stackoverflow.com/questions/18679020/border-around-tr-element-doesnt-show
https://stackoverflow.com/questions/50361698/border-style-do-not-work-with-sticky-position-element
https://developer.mozilla.org/en-US/docs/Web/CSS/border-collapse
ps: 好像还是不大对，border 在表格中的行为表现太怪了，有些时候，等晚点腾出手了总结一下
pps: tmd，我先伪元素解君愁了。
