呜啦!日常碎碎念,偶尔掉落优质前端博文推荐、学习资源等
网页:https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦~
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态
图频:Cosine 🎨 Gallery @CosineGallery
猫片: @cosine_cat
网页:https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦~
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态
图频:Cosine 🎨 Gallery @CosineGallery
猫片: @cosine_cat
#优质博文 #AI #model #本地部署 #经验分享
我家那些真能用的工人
https://fixupx.com/Lakr233/status/1900966554847866885
我家那些真能用的工人
摘要:一句话:这篇文章分享我在家用硬件上部署的高性价比大语言模型解决方案及实际使用体验。
与其他教你如何运行模型的文章不同,这篇文章更注重实际的用户体验。它取代了我家里的 ChatGPT和类似软件,我已经把它们全部卸载了。
AI 摘要:分享基于双RTX 3090的家用硬件部署大语言模型方案,解析模型选择策略与隐私优先的AI应用实践。
本文系统阐述了作者在家用级硬件(双RTX 3090+13900K)上部署多模态大语言模型的完整方案。通过量化优化与模块化组合策略,实现了70B级别模型在48GB显存下的稳定运行,支撑自研软件「浮望」的隐私敏感型AI功能。文章对比了不同参数量模型的性能表现,给出显存占用参考表,并演示了网络搜索/图像识别/文档处理等实际应用场景。核心观点强调在硬件受限环境下通过量化策略(最低int4)、上下文管理(最高128K tokens)和模型组合实现隐私保护与性能的平衡。
https://fixupx.com/Lakr233/status/1900966554847866885
Moe Copy AI 又更新了一点自用小功能,刚提审()
新增 自定义抓取选择器 - 允许用户自定义简单的 CSS 选择器规则和排序
优化 字数与Token统计 - 优化估算的 AI 模型 token 数量
新增 分词展示 - 使用 gpt-tokenizer
还有一些小配置关悬浮球什么的(
不怎么好用,将就用~今天玩的好累哦~
Release 0.1.2
INK - 一款通过 React 构建交互式命令行应用的开源工具。
https://github.com/vadimdemedes/ink
AI 摘要:Ink 利用 Yoga 实现 Flexbox 布局,使开发者能够使用类似浏览器中的 CSS 属性来设计 CLI 界面。文中详细说明了如何安装 Ink、使用示例代码展示组件和 Hook 的基本用法,并提供了 <Text>、<Box> 等组件的使用细节。此外,作者还列举了多个社区采用 Ink 的知名项目,如 Gatsby、Prisma 以及 Shopify CLI 等,帮助开发者了解其广泛应用场景。整个文档是开发交互式命令行工具的重要参考资料。
via React Status 420
#优质博文 #前端 #nextjs #SSR #性能优化 #vps
How much traffic can a pre-rendered Next.js site really handle?
via React Status 420
How much traffic can a pre-rendered Next.js site really handle?
我经常说类似这样的话:“一个预渲染的网站可以轻松地服务数百个并发用户”,因为,嗯,我从未见过它失败。
但是它实际上能处理多少流量呢?我的网站能否真正应对像 Hacker News 首页这样的流量激增?它与服务器端渲染相比如何?而且,为了避开 SSR,我们真的值得费尽周折吗?
我四处寻找关于 Next.js 性能的硬性数据,但令人惊讶的是,可靠的数字很难找到。因此,我在自己的网站上做了一些测试,结果并不像我所预期的。而且,时机恰到好处,我关于谷歌翻译干扰 React 的文章第二天就登上了 Hacker News 的首页。
AI 摘要:预渲染 Next.js 网站在高并发下进行性能测试,对比 SSR 表现,并探讨服务器升级选型问题。
文章内容
本文通过大量实验数据对比了 Next.js 预渲染与服务器端渲染(SSR)的性能。作者首先使用 k6 工具在 VPS 上对预渲染首页进行负载测试,结果显示单页面请求的性能远低于预期,仅能支撑有限的并发访问。文章详细解析了页面加载时各个请求(HTML、CSS、图片、JS 等)带来的额外流量负担,并通过 Docker 水平扩展进一步测试性能提升,结果有限。随后,作者观察到来自 Hacker News 的意外流量峰值,并由此探讨各种替代方案:Cloudflare、Vercel、家用服务器、VPS,最终转向性价比较高的 Dedicated Server。测试表明,专用服务器在处理请求数量和响应速度上均有显著提升,而 SSR 在相同配置下明显吃不消。最后,作者总结出预渲染模式在扩展性上具有明显优势,并预告将来针对“hug of death”现象及其他优化方案进行进一步探索。
via React Status 420
#优质博文 #前端 #react #状态管理
The URL is a great place to store state in React
有时,最佳的状态存储位置就在 URL 中。这很简单、实用,而且常常被忽视。
via React Status 420
The URL is a great place to store state in React
有时,最佳的状态存储位置就在 URL 中。这很简单、实用,而且常常被忽视。
AI 摘要:本文介绍将状态存储在 URL 中的方法,并分析其优缺点及适用场景。
文章探讨了如何通过在 URL 中存储状态,使得关键组件(如模态窗口)在页面刷新后仍然保持打开状态。为了应对单纯使用 React 的 useState 所带来的局限性,作者详细比较了多种状态存储方式,包括应用内存中的状态、浏览器存储(如 localStorage 与 sessionStorage)、服务器存储以及 URL 存储。每种方式均配有代码示例,展示如何实现状态的持久化。文章重点讨论了使用 URL 存储状态的诸多优势,如便于分享、读取速度快、全局性以及与浏览导航的兼容性,同时也指出了其在调试维护、扩展性和类型安全方面的挑战。最后,作者总结了不同场景下应选择不同存储方案的具体建议。
via React Status 420
#前端 #字体 #开源
https://fixupx.com/geekbb/status/1900169791832547425
喜欢!一个开源的可爱的等宽字体, 带连字和控制台图标的圆角等宽字体,中英文宽度完美2:1,细粒度的自定义选项。
https://github.com/subframe7536/maple-font
https://fixupx.com/geekbb/status/1900169791832547425
喜欢!一个开源的可爱的等宽字体, 带连字和控制台图标的圆角等宽字体,中英文宽度完美2:1,细粒度的自定义选项。
https://github.com/subframe7536/maple-font
Geek (@geekbb): 卡哇伊字体 Maple Mono
✨ 可变 - 无限的字体粗细,以及手工微调的斜体字形。
☁️ 丝滑 - 圆角,独特的 @ $ % & Q -> 字形和手写风格斜体。
💪 实用 - 大量的智能连字。
🎨 图标 - 提供 Nerd-Font 嵌入的版本,添加图标支持。
🔨 定制 - 可定制OpenType特性。
https://github.com/subframe7536/maple-font
#优质博文 #3D #前端 #WebGPU #course
Dive Into WebGPU — Part 1
深入了解 WebGPU — 如果您对在浏览器中创建现代 3D 图形感到好奇,那么这是一个很好的起点。它提供了一个结构良好的多部分指南,用于设置和创建包含各种动画 3D WebGPU 场景的登录页面。需要注意的是,WebGPU 支持目前是好坏参半。
via FrontEnd Focus 683
Dive Into WebGPU — Part 1
深入了解 WebGPU — 如果您对在浏览器中创建现代 3D 图形感到好奇,那么这是一个很好的起点。它提供了一个结构良好的多部分指南,用于设置和创建包含各种动画 3D WebGPU 场景的登录页面。需要注意的是,WebGPU 支持目前是好坏参半。
AI 摘要:介绍 WebGPU 的基础知识及使用 GPU-Curtains 库创建 3D 场景的入门教程。
本文是 WebGPU 系列教程的第一部分,旨在帮助开发者从 WebGL 过渡到现代图形 API WebGPU。文章通过构建一个包含 4 个独立场景的落地页,逐步演示如何利用 GPU-Curtains 库实现以下功能:
1. 基础网格绘制:创建随机分布的立方体和球体,调整位置以适应视口。
2. 动画与交互:添加入场动画(GSAP 时间轴)和基于滚动的场景可见性控制。
3. 着色与光照:通过自定义 WGSL 着色器实现 Lambert 光照模型,管理环境光和定向光。
4. 性能优化:禁用视锥体裁剪、复用几何体缓冲、异步设备初始化等。
作者还对比了 WebGPU 与 WebGL 的优势(如异步调用、计算着色器、多画布渲染),并详细解析了 GPU-Curtains 库的设计思想与核心
API。
via FrontEnd Focus 683