呜啦!日常碎碎念,偶尔掉落优质前端博文推荐、学习资源等
网页:https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦~
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态
图频:Cosine 🎨 Gallery @CosineGallery
猫片: @cosine_cat
网页:https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦~
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态
图频:Cosine 🎨 Gallery @CosineGallery
猫片: @cosine_cat
#优质视频 #追番
看这是什么!!!这都出了游戏人生能不能出第二季!啊!
【TV动画】某科学的超电磁炮 第四季 制作决定PV【MCE汉化组】
@夏日幻听MCE:
资讯 - 官方
某科学的超电磁炮 第四季 制作决定PV
看这是什么!!!这都出了游戏人生能不能出第二季!啊!
【TV动画】某科学的超电磁炮 第四季 制作决定PV【MCE汉化组】
@夏日幻听MCE:
资讯 - 官方
某科学的超电磁炮 第四季 制作决定PV
#前端 #svg #icon #开源 #动画 #组件库 #动态图标
https://github.com/cyberalien/line-md
Line MD 是一个基于 SVG 的开源图标库,专为现代 Web 设计和开发优化。其特点包括轻量级、可缩放、可自定义,并支持多种前端框架(如 React、Vue 等)。该库提供了一组简洁、线性的图标,适用于 UI 设计。项目托管在 GitHub 上,允许开发者贡献新图标或修改现有图标,适用于需要高质量矢量图标的 Web 应用开发。
可以在 https://icon-sets.iconify.design/line-md/ 上浏览所有图标
Refs: 另一个动态图标库 https://icons.pqoqubbw.dev/ 是使用 motion + svg
https://github.com/cyberalien/line-md
Line MD 是一个基于 SVG 的开源图标库,专为现代 Web 设计和开发优化。其特点包括轻量级、可缩放、可自定义,并支持多种前端框架(如 React、Vue 等)。该库提供了一组简洁、线性的图标,适用于 UI 设计。项目托管在 GitHub 上,允许开发者贡献新图标或修改现有图标,适用于需要高质量矢量图标的 Web 应用开发。
可以在 https://icon-sets.iconify.design/line-md/ 上浏览所有图标
Refs: 另一个动态图标库 https://icons.pqoqubbw.dev/ 是使用 motion + svg
#优质视频 #脱口秀
热评说得好啊:你敲代码也就python core dev的水平,但脱口秀水平是一等一的高[打call]
不是,你们去迪士尼,也玩的这么痛苦么?
@码农高天:
搞笑 - 假期去了一趟佛罗里达奥兰多的迪士尼,痛并快乐着……
热评说得好啊:你敲代码也就python core dev的水平,但脱口秀水平是一等一的高[打call]
不是,你们去迪士尼,也玩的这么痛苦么?
@码农高天:
搞笑 - 假期去了一趟佛罗里达奥兰多的迪士尼,痛并快乐着……
#优质博文 #前端 #react #工程化
How to start a React Project [2025]
via Robin Wieruch
How to start a React Project [2025]
AI 摘要:Robin Wieruch 在本文中概述了 2025 年启动 React 项目的三种主要方式,并分析了各自的优缺点,以帮助开发者根据需求选择合适的方案。
1. React + Vite (适合学习者和轻量级 SPA 开发)
- 优势 :Vite 是 create-react-app (CRA) 的轻量级替代方案,构建速度快,支持 SPA/CSR,可选 SSR,无框架束缚,适合学习 React 本身。
- 劣势 :默认以 SPA/CSR 为主,不提供内置架构,需自行选择路由、状态管理等库。
2. React + Next.js (适合全栈开发和企业级应用)
- 优势 :提供 SSR、SSG、ISR、CSR 等多种渲染模式,支持 React Server Components (RSC) 和 React Server Functions (RSF),可构建完整的前后端一体化应用,内置 SEO 和优化功能。
- 劣势 :学习曲线陡峭,框架更新快,需适应 Next.js 的特定模式和变化。
3. React + Astro (适合内容驱动型网站)
- 优势 :基于 MPA(多页应用)架构,默认高性能,支持 SEO,采用“岛屿架构”实现选择性水合,适用于博客、文档等内容型网站。
- 劣势 :不适用于动态 Web 应用,但官方正在探索此方向。
此外,文章还提及了 React Native + Expo(移动端)、Tauri/Electron(桌面端)、Monorepo(Turborepo 组织多个框架) 以及 Vue/Svelte/Solid/Qwik 等其他方案。
推荐选择
- 初学者或轻量级 SPA :Vite + React
- 全栈应用或企业级开发 :Next.js + React
- 内容型网站 :Astro + React
- 不适合 Next.js,但需要 SSR 框架 :可考虑 TanStack Start 或 React Router(框架模式)。
via Robin Wieruch
#优质博文 #前端 #tools
1. CSS 的 backdrop-filter 属性(英文) 本文介绍 backdrop-filter 属性,可以产生毛玻璃的效果。 #css
2. 基于 signal 的 Web 组件(英文) #html #WebComponents
作者介绍自己写的一个 Web 组件,可以在不加其他 JS 库的情况下,实现 signal 功能。
3. 鸿蒙 ArkTS VSCode 插件 #vscode #ArkTS #插件 #鸿蒙
ArkTS 是华为鸿蒙系统的开发语言,属于 TypeScript 的超集,这是它的 VSCode 插件。
4. RAG Web UI #AI #RAG
一个开源的 AI 桌面应用,可以上传文档,生成本地的知识库问答系统,基于 RAG(检索增强生成)技术。
5. TEN Agent #AI #agent #语音
一个 AI 的工具框架,快速打造语音相关的 AI 应用。
6. 富文本编辑器比较2025版(英文) #富文本 #编辑器
这个页面详细比较了 JS 的富文本"所见即所得"编辑器,一共十几个库,详细介绍每个库的特点
via #阮一峰的科技周刊 337
1. CSS 的 backdrop-filter 属性(英文) 本文介绍 backdrop-filter 属性,可以产生毛玻璃的效果。 #css
backdrop-filter 是一个强大的 CSS 属性,它可以对元素后面的内容应用模糊、亮度调整等滤镜效果,从而创造出玻璃拟态(Glassmorphism)等视觉效果。文章介绍了 backdrop-filter 的基本用法,如 blur() 进行模糊处理,以及 brightness() 进行亮度调整。同时,作者强调了 backdrop-filter 仅影响元素背景,不会影响其自身内容。此外,文章探讨了浏览器兼容性问题,指出 Safari 早期支持较好,而部分浏览器(如 Firefox)需要启用实验性功能才能使用。最后,作者提供了示例代码,并建议开发者结合 background 颜色和 backdrop-filter 以获得最佳视觉效果。
2. 基于 signal 的 Web 组件(英文) #html #WebComponents
作者介绍自己写的一个 Web 组件,可以在不加其他 JS 库的情况下,实现 signal 功能。
本文探讨了在 HTML 中直接定义 信号(Signals) 的可能性,提出 <x-signal> 自定义元素,使其能够管理状态并自动更新 UI,而无需依赖 JavaScript 框架。该方法基于 HTML-based state 概念,直接从 HTML 解析初始值,并支持类型转换、动态渲染、自定义格式化及派生状态计算。最终,作者认为 <x-signal> 代表了一种更细粒度的 **Islets 架构**,在静态 HTML 中提供轻量级的响应式交互能力。
3. 鸿蒙 ArkTS VSCode 插件 #vscode #ArkTS #插件 #鸿蒙
ArkTS 是华为鸿蒙系统的开发语言,属于 TypeScript 的超集,这是它的 VSCode 插件。
4. RAG Web UI #AI #RAG
一个开源的 AI 桌面应用,可以上传文档,生成本地的知识库问答系统,基于 RAG(检索增强生成)技术。
5. TEN Agent #AI #agent #语音
一个 AI 的工具框架,快速打造语音相关的 AI 应用。
6. 富文本编辑器比较2025版(英文) #富文本 #编辑器
这个页面详细比较了 JS 的富文本"所见即所得"编辑器,一共十几个库,详细介绍每个库的特点
本文分析了主流的富文本编辑器框架,帮助开发者在 2025 年做出最佳选择。文章涵盖 Lexical、ProseMirror、Slate、Tiptap、Quill 等编辑器,并从 可扩展性、性能、易用性、社区支持 等方面进行了对比。
• Lexical (Meta 开源):高性能、模块化、适合复杂应用,但生态仍在发展中。
• ProseMirror :功能强大、灵活,但 API 复杂,入门门槛较高。
• Slate :React 友好,完全可定制,但文档有限,维护情况不稳定。
• Tiptap (基于 ProseMirror):提供更简洁的 API 和更好的 TypeScript 支持,适合现代 Web 应用。
• Quill :易用,适合基本需求,但扩展性受限。
结论: 如果你需要高扩展性和现代化 API,Lexical 或 Tiptap 是更好的选择;如果追求稳定和成熟方案, ProseMirror 仍然值得考虑。
via #阮一峰的科技周刊 337
#杂谈 #MyGO #AveMujica
尽可能客观评价一下mujica第七集,就当是个杂谈吧,各位如不认同,大可以发表自己的观点。
第六七集单拎出来,其实观感还不至于沦落到烂的程度,第七集主要的问题是:首先节奏炸糊,其次偷摸零全程跑调也很难绷;另一方面,allin的角色弧光给磨平了,已然沦为一般工具人的程度。
但事实是,不可能脱离整部作品(当然这里主要指的是MyGO和目前为止的Ave Mujica)去只评价其中一集。放到整部作品里,这部番事实上已经突破“高中少女乐队”的底线(或者说界限)了,没办法什么都靠所谓的大世界观兜底——这只会显得剧情发展很荒唐——实际上也是观感如此撕裂的原因之一。
从剧情内容上来说:和解的起点应该是“祥子主动给其他人道歉”,但是剧里和解的起点竟然是“别人无限包容祥子、原谅祥子”,这显而易见是不合理的。而且剧情中的回旋镖桥段看多了总有种刻意为之的违和感,玩一两次是神之一手,玩三五次姑且还算是好活,玩这么多只能说是烂活和没活。
从剧情的节奏上来说:前期积累的情感和人物关系似乎之用半集就处理掉了,这种过快且模糊的节奏极大地影响剧情的紧凑性和连续性。尤其是对比mygo和mujica,前者的节奏处理显然更加有力。
再说回第七集,不可避免地提到爱音和祥子,这里引用网友的评价:
作为观众,希望看到的是角色的成长,是角色能展现出自己的弧光(无论是“善”还是“恶”)。然而,第七集中,爱音用一个季度展现的人物弧光竟然在一集之内被磨平,已然沦为“圣母玛利亚”和尽职尽责工具人的叠加态。这何尝不是对MyGO的主题“迷子でもいい、迷子でも進め”的最大讽刺?
至于场外的杂七杂八,尤其是结合苦来兮苦三次元“复活”,这一切只能显得这集到底是多抽象。
另外关于“国内互联网害的”等言论,尽管B站的宣发确实存在问题,但这并不能完全解释为何一些观众对剧情不满。虽然剧集的核心是“16岁的小孩搞乐队”,但这并不意味着它的剧情和角色关系就可以随便处理,观众依然期望能够看到有深度、有层次的故事;而不是反过来给观众喂屎。文化差异确实可能影响对剧情的理解和评价,但是一个好的作品应该能够跨越这种差异,让观众无论身处何地都能感同身受。真要这么说的话,那MyGO当时还算是少有的“仅大陆好评(基本上是这样)”的作品。总的来说,你不能只在风评差的时候才说“都是国内互联网导致的”。
综上所述,我认为目前最大的两个问题一是节奏崩坏、二是世界观崩塌,这些能不能在后面的6集救回来虽犹未可知,但我也不抱太大期望。至于第七集,最大的问题就是它在第七集这个位置上,如果做成ova或者sp我都不认为会像现在这样烂穿地壳()
尽可能客观评价一下mujica第七集,就当是个杂谈吧,各位如不认同,大可以发表自己的观点。
第六七集单拎出来,其实观感还不至于沦落到烂的程度,第七集主要的问题是:首先节奏炸糊,其次偷摸零全程跑调也很难绷;另一方面,allin的角色弧光给磨平了,已然沦为一般工具人的程度。
但事实是,不可能脱离整部作品(当然这里主要指的是MyGO和目前为止的Ave Mujica)去只评价其中一集。放到整部作品里,这部番事实上已经突破“高中少女乐队”的底线(或者说界限)了,没办法什么都靠所谓的大世界观兜底——这只会显得剧情发展很荒唐——实际上也是观感如此撕裂的原因之一。
从剧情内容上来说:和解的起点应该是“祥子主动给其他人道歉”,但是剧里和解的起点竟然是“别人无限包容祥子、原谅祥子”,这显而易见是不合理的。而且剧情中的回旋镖桥段看多了总有种刻意为之的违和感,玩一两次是神之一手,玩三五次姑且还算是好活,玩这么多只能说是烂活和没活。
从剧情的节奏上来说:前期积累的情感和人物关系似乎之用半集就处理掉了,这种过快且模糊的节奏极大地影响剧情的紧凑性和连续性。尤其是对比mygo和mujica,前者的节奏处理显然更加有力。
再说回第七集,不可避免地提到爱音和祥子,这里引用网友的评价:
爱音对待她们的态度和祥子对她们的态度天差地别。她们对祥子和爱音的态度也天差地别。
仔细想想。还真是。
祥子哪怕对朋友甩脸子冷言冷语,哪怕情绪失控说话特别冲整得高松灯自闭,哪怕看着素世都这样了还能说出“你满脑子都是自己”,哪怕看着发小都疯了也没关心。
但是,在编剧的大手下,依然能做到“不必正式道歉,唱两首歌就和解。”
成功做到包寿司了吗?成功了。
剧里的角色觉得这次“包寿司”好不好?好。
那剧外的观众觉得这个寿司好不好呢?
这就是另一个话题了。
作为观众,希望看到的是角色的成长,是角色能展现出自己的弧光(无论是“善”还是“恶”)。然而,第七集中,爱音用一个季度展现的人物弧光竟然在一集之内被磨平,已然沦为“圣母玛利亚”和尽职尽责工具人的叠加态。这何尝不是对MyGO的主题“迷子でもいい、迷子でも進め”的最大讽刺?
至于场外的杂七杂八,尤其是结合苦来兮苦三次元“复活”,这一切只能显得这集到底是多抽象。
另外关于“国内互联网害的”等言论,尽管B站的宣发确实存在问题,但这并不能完全解释为何一些观众对剧情不满。虽然剧集的核心是“16岁的小孩搞乐队”,但这并不意味着它的剧情和角色关系就可以随便处理,观众依然期望能够看到有深度、有层次的故事;而不是反过来给观众喂屎。文化差异确实可能影响对剧情的理解和评价,但是一个好的作品应该能够跨越这种差异,让观众无论身处何地都能感同身受。真要这么说的话,那MyGO当时还算是少有的“仅大陆好评(基本上是这样)”的作品。总的来说,你不能只在风评差的时候才说“都是国内互联网导致的”。
综上所述,我认为目前最大的两个问题一是节奏崩坏、二是世界观崩塌,这些能不能在后面的6集救回来虽犹未可知,但我也不抱太大期望。至于第七集,最大的问题就是它在第七集这个位置上,如果做成ova或者sp我都不认为会像现在这样烂穿地壳()
#优质博文 #科普
科普 | 高帧率、好画质的「光追」是如何实现的?
via 少数派
科普 | 高帧率、好画质的「光追」是如何实现的?
AI 摘要:本文解析了光线追踪(Ray Tracing)如何提供更真实的光影效果,。同时介绍了 DLSS 技术的发展,从 DLSS 2 的超分辨率提升,到 DLSS 3 的帧生成优化,再到 DLSS 3.5 的 AI 光线重建,以及 DLSS 4 通过 Transformer 模型与多帧生成进一步提升画质和帧率,使高帧率与高画质兼得,推动游戏体验进化。
via 少数派
#碎碎念
这下百度真🤡了,好喷
https://fixupx.com/foxshuo/status/1889512275041776032
这下百度真🤡了,好喷
https://fixupx.com/foxshuo/status/1889512275041776032
- 李厂长李厂长,你能再表演一次那个吗,就是那个,开源模型会越来越落后的经典发言;
- Qwen是个很好的模型,在开源社区的刷分成绩也相当优秀,但产品太落后了,我自己其实长期在用好几款通义系产品解决需求,但从来不推荐的原因就是因为产品做得太烂,不想坑人⋯⋯😅