cosine - 前端人の日常频道


Kanal geosi va tili: Xitoy, Xitoycha


呜啦!日常碎碎念,偶尔掉落优质前端博文推荐、学习资源等
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦~
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊
图频:Cosine 🎨 Gallery @CosineGallery
猫片: @cosine_cat

Связанные каналы

Kanal geosi va tili
Xitoy, Xitoycha
Statistika
Postlar filtri


Video oldindan ko‘rish uchun mavjud emas
Telegram'da ko‘rish
好玩儿


#碎碎念
被迫用了好长一阵子 win 之后再回 mac 的感觉使我快痛哭流涕了😭丝滑啊


#碎碎念
澳门
发财车靠背上怎么还有充电口,快下车了才发现
进赌场每过一个口人家都得查我港澳通行证👿长得太年轻咯


#优质博文 #javascript #前端
The web's clipboard, and how it stores data of different types
Web 的剪贴板,以及它如何存储不同类型的数据

AI 摘要:网页剪贴板能够存储多种数据类型(如纯文本、HTML、PNG 图片等),不同应用根据支持的 MIME 类型选择合适的格式进行粘贴。自 2017 年引入的异步 Clipboard API 限制了可读写的 MIME 类型,仅支持 text/plain、text/html 和 image/png,无法直接处理自定义类型。而旧的 Clipboard Events API 则允许在用户触发的可信事件中读写更多自定义数据类型。实际应用中,如 Google Docs 和 Figma 通过特定方法(例如 execCommand("copy") 和嵌入 base64 字符串)实现了自定义数据的剪贴板传输。不同浏览器对自定义数据类型的处理各异,限制了跨应用程序的共享。尽管 Raw Clipboard Access 提案因安全问题未被广泛采用,Chromium 在 2022 年实现的 Web Custom Formats(Pickling)为未来支持自定义数据类型提供了可能。总体而言,当前跨浏览器支持自定义剪贴板数据类型仍有限,但通过合理使用现有 API 和关注新提案,开发者可以在保障安全的前提下,实现更灵活的剪贴板操作。




#react #新标准 #前端 #SSR #vercel
What’s new in React 19

人 工 摘 要
React 19 带来了许多新特性,提升了性能和开发体验。主要更新包括:
1. 服务器组件 (Server Components):通过服务器渲染组件,加快初次加载时间,减少客户端 JavaScript 传输量,改善 SEO。
2. Actions:新的函数取代传统事件处理程序,支持在客户端和服务器执行。
3. 新的 hook :如 useActionState 、 useOptimistic 等,简化状态管理与表单处理。
4. 改进的资源预加载:优化页面加载速度。
5. ref as a prop: 不再需要 forwardRef,不再需要 。您可以直接使用 。
7. useDeferredValue 中添加了 initialValue 选项。提供后, useDeferredValue 将使用该值进行初始渲染并安排在后台重新渲染,返回 deferredValue 。
8. React 19 将原生提升和渲染标题、链接和元标签,甚至是嵌套组件。不再需要第三方解决方案来管理这些标签。
9. React 19 允许使用优先级 precedence 控制样式表的加载顺序。这使得将样式表放在组件附近更容易,React 只会在使用时加载样式表。
10. 更好的错误报告
- 通过删除重复的错误消息来改进错误处理。(以前,React 会抛出两次错误。一次是最初的错误,第二次是自动恢复失败,然后是错误信息。 )
- 通过记录单个不匹配错误而不是多个错误来改善水合错误。错误消息还包括有关如何修复错误的信息。


#碎碎念
看着就开心^_^
怎么会有头发!


#碎碎念
follow 邀请码一枚自取喵
2cqJmbZkOd


#碎碎念
前些天给某人的也签完到了,晚上8点定时发送再放一个()
5天后能评论还一个邀请码的话就更好了🥰


#碎碎念
follow 邀请码一枚自取喵
f3kWcAMcNK


#碎碎念 #游戏
又爆金币了,本来想着要不去一趟香港买算了,后面看看这价格好像还行。


#碎碎念 #黑神话
二周目看龙看了个爽,这龙真的是好涩啊呜呜呜呜呜呜




#碎碎念
洗牙……好可怕……好酸痛....😭




This message is used to verify that this feed (feedId:43280677317770240) belongs to me (userId:52620580024514560). Join me in enjoying RSS on the next generation information browser https://follow.is.


#优质博文 #工具推荐 #tools #图床管理 #博客
在这篇文章 从零开始搭建你的免费图床系统(Cloudflare R2 + WebP Cloud + PicGo) 的评论里看到的

这个确实解决我之前的痛点,对于我这种设备贼多的来说我可能在任何设备上传图床图片。可以 vercel 部署,密钥等存在本地,fork 下来改了一些代码和默认选项之后结合 R2 基本就是我现在使用的图床管理了,虽然还有一些小问题(比如 mp3 文件没有考虑到但是一般人也不会往图床里去放 mp3 嘛)但是期待这个项目越来越好,先 star 为敬。我之前写过的 Backblaze + Cloudflare + Picgo 打造免费顺畅的图床体验 其实 R2 也适用而且更简单,并且我自己现在也迁移到 R2 了,然后定期备份到 nas 里()

我的实例在这里,感兴趣的也可以用,也可以自己 vercel 部署:https://img.cosine.ren/

- 把 S3 ( R2 / OSS / COS ... ) 作为图床使用的图片管理方案
- Cloudflare R2 逐步指南

自荐一个项目,主要功能是以画廊的形式查看 S3(和 S3 兼容服务,比如 R2)里的图片,同时附带上传/上传前压缩功能,应该可以和这篇文章里的工作流配合的不错(PicGo 的问题在于如果不是它上传的,它显示不了)

主页: https://iport.yfi.moe/zh
文档: https://docs.iport.yfi.moe/zh
GitHub: https://github.com/yy4382/s3-image-port

当时写的介绍文章,很久没更新了

开源,可选择使用我的实例或者自建

BTW: 我现在图片优化是直接用 Cloudflare 新出没多久的 Images Transform 功能了,同时写了个 rehype 插件,让我可以在 markdown 源文件里使用源图片链接,然后构建成网站时自动替换成优化过的


ALL About RSS dan repost
RSS 阅读器 Follow 扩大内测规模

感谢 @DIYgod 赠码,让我在第一时间体验了强大的 Follow。后来一段时间在卷工作,鲜有时间使用 Follow,频道都无暇顾及。昨日看到扩大内测的消息,是时候介绍一下了。概括而言,Follow #开源 ,有线上版和各系统安装版,核心是 RSS 订阅,同时具有社交、区块链属性,且有 RSSHub 强力驱动,并集成 AI 功能:

https://web.follow.is/

网上的详细介绍已经很多,就不重复了。关键是要有码,不然多说无益。感谢大佬又送了 10 个码,其中我擅自做主送了一个,因为正好有群友私信来问。剩下 9 个的抽奖参与方式已发布于频道内群,19:00 开奖,欢迎加入试试手气。


乌拉!试试认领功能。
This message is used to verify that this feed (feedId:43280677317770240) belongs to me (userId:52620580024514560). Join me in enjoying RSS on the next generation information browser https://follow.is.


Video oldindan ko‘rish uchun mavjud emas
Telegram'da ko‘rish
#codepen #demo #交互设计 #动画
过于丝滑引起极端舒适
https://codepen.io/knyttneve/pen/YgZbLO

作者 Mert Cukuren

20 ta oxirgi post ko‘rsatilgan.