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

图频:Cosine 🎨 Gallery @CosineGallery
猫片: @cosine_cat
#工具推荐 PostSpark 应该是今年最好的截图/推文/代码/套壳图/GitHub贡献记录 美化工具了

自带的几个主题都很漂亮,而且不同类型都统一了设计和交互。

发现注册 GitHub 13 年了。之前10多年没提交几行代码……

https://404.li/postspark
你怎么知道我们首发就买了年度游戏还带特典
没蹭上热度
#优质博文 #前端 #node #canvas
Skia Canvas 2.0: A Browserless Canvas Environment for Node

AI 摘要:skia-canvas 是一个基于 Skia 图形库开发的高性能 2D 渲染引擎,为 Node.js 提供类似 HTML5 Canvas 的 API,全面支持路径绘制、图像操作、渐变、变换等功能,并具备强大的文本排版和 SVG 渲染能力。它支持将内容导出为 PNG、JPEG、PDF 和 SVG 等格式,能够满足服务器端高分辨率图像生成、复杂图形处理和自定义 PDF 文档创建等需求,兼具易用性和优越性能,非常适合需要高质量图形和文档生成的应用场景。

via Node Weekly #558 Skia Canvas
#优质博文 #前端 #工程化 #node
Node.js Corepack: Version Control for Package Managers

AI 摘要:Corepack 是 Node.js 内置的实验性功能,用于统一管理团队中包管理器(如 Yarn 和 pnpm)的版本。通过读取 package.jsonpackageManager 字段,Corepack 自动下载并使用指定版本,避免版本不一致引发的构建问题。它简化了包管理器的安装和版本控制,但安全更新需团队自行维护,是提升开发环境一致性的重要工具。

via Trevor I. Lasn
#优质博文 #前端 #计算机网络 #DNS
Understanding Round Robin DNS

AI 摘要:文章解析了轮询DNS(Round Robin DNS)的工作原理和实际表现。轮询DNS允许为同一子域设置多个服务器IP,实现负载分配和离线检测,无需昂贵的负载均衡器。在浏览器测试中,Chrome和Firefox随机选择服务器并保持连接,Safari和curl更倾向于选择延迟最低的服务器。Cloudflare的表现存在缺陷,无法动态检测离线服务器,可能导致连接失败。作者提出改进建议,包括优化服务器选择逻辑和检测离线状态。适合深入了解DNS负载分配机制的人士。

热评:Load balancing via DNS is entirely dependent on the behavior of caching DNS resolvers. Clients are beholden to how answers are sorted and it’s rarely fair. Even with a zero second TTL, the TTL of answers is often ignored. The situation is even worse with a TTL, as the answers are rarely re-resolved after the expiration. The JVM, for example, is notorious for defaulting to ignoring TTL entirely ruining round-robin load abounding via DNS. That’s not to say that it can’t be defective but its limitations should be well understood.
通过 DNS 实现负载平衡完全取决于缓存 DNS 解析器的行为。客户端受制于答案的排序方式,而这种排序方式很少是公平的。即使是零秒 TTL,答案的 TTL 也经常被忽略。如果使用 TTL,情况会更糟,因为答案很少会在过期后重新解析。例如,JVM 因默认完全忽略 TTL 而破坏了 DNS 的循环负载而臭名昭著。这并不是说它不可能有缺陷,但我们应该充分了解它的局限性。


via Zsolt Ero Understanding Round Robin DNS
#优质博文 #前端 #css #reset
A Modern CSS Reset

AI 摘要:Josh W. Comeau 的文章介绍了一个现代 CSS Reset,包含 11 个声明,优化了默认样式以提升可读性和开发体验。它包括设置 box-sizingborder-box`,移除默认的边距,改进文本渲染和换行行为,为媒体元素提供更合理的布局,以及继承表单控件的字体。还新增了 `text-wrap 优化文本平衡和 isolation: isolate 处理堆叠上下文。作者建议开发者根据项目需求调整和扩展这个简洁的样式基础。

via Josh W Comeau A Modern CSS Reset • Josh W. Comeau
#碎碎念
在登机口,旁边妹子看我平板玩儿无限暖暖,跟男朋友(应该是?)语音说我要这个平板🌚
为男朋友点根蜡(ipad pro 2024)
她男朋友:天降横祸啊家人们

群友:你应该告诉他型号内存(8+512 1w 出头)别买错了🤣
#优质博文 #前端 #astro
Why we switched to Astro (and why it might interest you)

AI 摘要:DatoCMS 切换至 Astro 框架以简化开发体验、提升性能并降低复杂性。主要原因包括改用 TypeScript 提高代码安全性、充分利用其产品功能(如缓存标签)以及避免 React/Next.js 日益复杂的架构。Astro 的纯服务端渲染和静态生成模式消除了浏览器端的额外负担,同时允许针对部分页面进行交互式增强。最终实现了更快的缓存刷新、更高的页面性能及低成本维护。完整架构包括 VPS 托管、CDN 缓存与精确的缓存失效管理。

via THE DATOCMS BLOG Why we switched to Astro (and why it might interest you)
#碎碎念 #无限暖暖
练习了一会儿春日影的成果(拉了垮了)
疑似爱音本人上号
为什么要演奏春日影!!
【【纯手弹】为什么要演奏春日影!!!疑似爱音本人上号-哔哩哔哩】 https://b23.tv/S0mB0Y2
Media is too big
VIEW IN TELEGRAM
#前端 #优质博文 #electron
构想:Electron Render OTA 更新

AI 摘要:这篇文章介绍了使用热更新方式动态更新Electron的Renderer层代码的方法。使用Vite插件打包renderer生成assets-render.tar.gz和manifest.yml,应用启动时对比最新Release的manifest信息,如果符合条件则下载更新包并更新。热更新只更新renderer层代码,不影响app.asar的完整性,用户可以无感知地更新。热更新的实现涉及在main进程中检查、下载和加载更新的资源文件,优先加载热更的renderer资源。

via innei 构想:Electron Render OTA 更新
#优质博文 #前端 #css #新特性
Form Validation That Doesn't Annoy Users: CSS :user-valid and :user-invalid
AI 摘要: :user-valid:user-invalid 是 CSS 新伪类,可改善表单验证体验。这些伪类与传统的 :valid:invalid 不同,它们会等待用户有意义的交互(如开始输入)后才应用样式,从而避免过早显示错误状态。这种改进显著优化了用户体验,特别是在需要更灵活的表单样式时。例如:

input:user-valid { border-color: #10b981; }
input:user-invalid { border-color: #ef4444; }

via Trevor I. Lasn
看笑了,真是这个成就
#碎碎念
今日最大乐子:TGA 年度最佳游戏宇宙机器人
望着我 ps5 上的小机器人陷入了沉思,我真都玩了
叠这么多层甲有意思吗,这真不配吧
“销量裁员什么的都不能证明什么”
“算了,反正一切都没有意义”🤔
这下真野鸡奖了,这游戏我这个大怨种真买了,因为很喜欢前作机器人。
400多的价格,体量也就十几个小时,还  ps5 独占
#碎碎念 #无限暖暖
金蔷薇套好看捏,彩虹好看捏,不过电脑拍竖屏脊椎病要犯了w
无限暖暖害我打了这么多天,我爱女儿,终于拍的差不多了该开始学习了喵w
Back to Top