呜啦!日常碎碎念,偶尔掉落优质前端博文推荐、学习资源等
网页:https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦~
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态

图频:Cosine 🎨 Gallery @CosineGallery
猫片: @cosine_cat
#AI #parser #transform
LlamaParse: 将非结构化数据转换为 LLM 优化格式
https://www.llamaindex.ai/llamaparse

最好的 genAI 原生解析平台,专为将复杂文档(包含表格、图表、图像、流程图等)转化为适用于 LLM 应用程序的简洁数据而构建

#开源
https://github.com/run-llama/llama_index

#RAG #优质博文
利用LlamaParse从文档中创建知识图谱 https://zhuanlan.zhihu.com/p/699456593
LlamaParse是一款专有的解析工具,用于处理具有 嵌入式对象(如表格和图表)的复杂文档,与 Llamalndex*的摄取和检索功能无缝集成。此集成 能够构建针对复杂、半结构化文档的检索系统,有 助于回答以往难以处理的复杂问题。此外,引入可 管理的摄取和检索API,简化RAG应用的加载、处 理和存储数据的流程。 本文将演示如何将LlamaParse与Neo4j集成创建知 识图谱,从而使RAG应用更加准确和强大。
LlamaParse: Transform unstructured data into LLM optimized formats — LlamaIndex - Build Knowledge Assistants over your Enterprise…
#碎碎念 #旅游
今天说走就走去了南澳第一沙滩!等明天狠狠玩儿!海边太棒了~
#开源 #设计 #webGL
https://fxtwitter.com/uuuuuulala/status/1892292043650576696

Liquid Logo 是一个为徽标添加 Apple 风格液态效果的开源项目。它使用 WebGL 技术模拟光滑流动的玻璃质感,使标志呈现类似 iOS/macOS 视觉风格的动态反射效果。该项目由 paper 团队开发,并提供在线演示 https://liquid.paper.design ,用户可以实时体验该效果。此外,源码已开源,开发者可通过 GitHub 仓库 https://github.com/paper-design/liquid-logo 获取代码并进行自定义。 Turn your logo into liquid metal • Paper
车万人的日常(include #佐倉綾音#Apple#花谱#不定期推送nanaoakari)
#杂谈 #MyGO #AveMujica 尽可能客观评价一下mujica第七集,就当是个杂谈吧,各位如不认同,大可以发表自己的观点。 第六七集单拎出来,其实观感还不至于沦落到烂的程度,第七集主要的问题是:首先节奏炸糊,其次偷摸零全程跑调也很难绷;另一方面,allin的角色弧光给磨平了,已然沦为一般工具人的程度。 但事实是,不可能脱离整部作品(当然这里主要指的是MyGO和目前为止的Ave Mujica)去只评价其中一集。放到整部作品里,这部番事实上已经突破“高中少女乐队”的底线(或者说界限)了,没办法…
#碎碎念
哎…好听…已经看了不少替换剪辑了
【【4K中日歌词/TFT】「春日影」CRYCHIC【THE FIRST TAKE】-哔哩哔哩】 https://b23.tv/1BvPY1a
#开源 #profile #template
这个好诶,可以作为灵感参考。
developer-portfolio-v2 是一个基于 Nuxt.js 3.0 构建的开源开发者个人主页模板,可托管在 Netlify 。该项目提供了一种易于配置的方式来展示个人信息、项目和联系方式,灵感来源于代码编辑器,并包含主页上的贪吃蛇游戏,该项目采用 MIT 许可,可自由 Fork 和修改,适合开发者或设计师快速搭建个人作品集网站。

https://developer-portfolio-v2.netlify.app/ GitHub - alexdeploy/developer-portfolio-v2: Awesome porfolio design for developers or designers, with easy configuration. Inspired…
#前端 #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 GitHub - cyberalien/line-md: Animated Material Icons. Icons are animated using SVG Animations Level 2 spec, no scripts.
#优质博文 #前端 #react #工程化
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 How to start a React Project [2025]
#优质博文 #前端 #tools
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
In the Mood for Love」线上展览入口(刚好今天晚上刚去看了「花样年华」重映,很应景)

https://www.yuloveboyi.com In the Mood for Love
#碎碎念
由于前任充电宝寿终正寝了
(不情不愿)(啊没有被逼的)(真心实意的)感谢妲喵的情人节礼物
#杂谈 #MyGO #AveMujica

尽可能客观评价一下mujica第七集,就当是个杂谈吧,各位如不认同,大可以发表自己的观点。

第六七集单拎出来,其实观感还不至于沦落到烂的程度,第七集主要的问题是:首先节奏炸糊,其次偷摸零全程跑调也很难绷;另一方面,allin的角色弧光给磨平了,已然沦为一般工具人的程度。

但事实是,不可能脱离整部作品(当然这里主要指的是MyGO和目前为止的Ave Mujica)去只评价其中一集。放到整部作品里,这部番事实上已经突破“高中少女乐队”的底线(或者说界限)了,没办法什么都靠所谓的大世界观兜底——这只会显得剧情发展很荒唐——实际上也是观感如此撕裂的原因之一。

从剧情内容上来说:和解的起点应该是“祥子主动给其他人道歉”,但是剧里和解的起点竟然是“别人无限包容祥子、原谅祥子”,这显而易见是不合理的。而且剧情中的回旋镖桥段看多了总有种刻意为之的违和感,玩一两次是神之一手,玩三五次姑且还算是好活,玩这么多只能说是烂活和没活。

从剧情的节奏上来说:前期积累的情感和人物关系似乎之用半集就处理掉了,这种过快且模糊的节奏极大地影响剧情的紧凑性和连续性。尤其是对比mygo和mujica,前者的节奏处理显然更加有力。

再说回第七集,不可避免地提到爱音和祥子,这里引用网友的评价:

爱音对待她们的态度和祥子对她们的态度天差地别。她们对祥子和爱音的态度也天差地别。
仔细想想。还真是。
祥子哪怕对朋友甩脸子冷言冷语,哪怕情绪失控说话特别冲整得高松灯自闭,哪怕看着素世都这样了还能说出“你满脑子都是自己”,哪怕看着发小都疯了也没关心。
但是,在编剧的大手下,依然能做到“不必正式道歉,唱两首歌就和解。”
成功做到包寿司了吗?成功了。
剧里的角色觉得这次“包寿司”好不好?好。
那剧外的观众觉得这个寿司好不好呢?
这就是另一个话题了。


作为观众,希望看到的是角色的成长,是角色能展现出自己的弧光(无论是“善”还是“恶”)。然而,第七集中,爱音用一个季度展现的人物弧光竟然在一集之内被磨平,已然沦为“圣母玛利亚”和尽职尽责工具人的叠加态。这何尝不是对MyGO的主题“迷子でもいい、迷子でも進め”的最大讽刺?

至于场外的杂七杂八,尤其是结合苦来兮苦三次元“复活”,这一切只能显得这集到底是多抽象。

另外关于“国内互联网害的”等言论,尽管B站的宣发确实存在问题,但这并不能完全解释为何一些观众对剧情不满。虽然剧集的核心是“16岁的小孩搞乐队”,但这并不意味着它的剧情和角色关系就可以随便处理,观众依然期望能够看到有深度、有层次的故事;而不是反过来给观众喂屎。文化差异确实可能影响对剧情的理解和评价,但是一个好的作品应该能够跨越这种差异,让观众无论身处何地都能感同身受。真要这么说的话,那MyGO当时还算是少有的“仅大陆好评(基本上是这样)”的作品。总的来说,你不能只在风评差的时候才说“都是国内互联网导致的”。

综上所述,我认为目前最大的两个问题一是节奏崩坏、二是世界观崩塌,这些能不能在后面的6集救回来虽犹未可知,但我也不抱太大期望。至于第七集,最大的问题就是它在第七集这个位置上,如果做成ova或者sp我都不认为会像现在这样烂穿地壳()
科技圈🎗在花频道📮
苹果与谷歌恢复TikTok上架

苹果和谷歌已恢复字节跳动旗下短视频应用TikTok在美国的应用商店上架。

彭博社
#碎碎念
我急了我急了,原来只有我是限定一天的受害人,我昨天都用土区账户下完了今天回来了 😭 好——惨——啊——
Back to Top