我的一周头条 2352

▶ Splash

欢迎使用 Splash -- 一个快速，轻量级和灵活的 Swift 语法高亮显示博客工具, Swift 开发的命令行工具，或者作为一个依赖使用 #swiftui#

它可用于为博文生成代码示例 HTML，将一串 Swift 代码转化为完全语法高亮的图像，或用于构建自定义开发者工具。Github: https://github.com/JohnSundell/Splash

▶ ShareDrop

简单的 P2P 局域网文件传输由 WebRTC 实现的 web 应用

■ 开源，可 Docker 部署 ■ Web 应用程序 ■ 不会将文件上传到任何服务器 ■ 局域网传播发送文件 ■ 点对点文件传输 ■ 使用 Firebase 进行状态管理和WebRTC信令 ■ 允许你在移动设备(Android和iOS)和桌面设备之间，甚至在网络之间共享文件 Github：https://github.com/szimek/sharedrop 官网：https://www.sharedrop.io/

▶ Swift Studio

如果你用 Swift 开发服务端，这里推荐一个 IDE -> "Swift Studio" Swift 作为一种开发服务器端应用程序的语言正在迅速流行起来，而 Swift Studio 对于希望利用这一趋势的开发人员来说是一个完美的工具。 Swift Studio是一个全面的开发环境，通过提供直观的用户界面和强大的功能来简化开发过程。使用Swift Studio，开发人员可以轻松地为服务器创建、测试和部署Swift应用程序，所有这些都在一个地方。 目前 Swift Studio 仍在开发中，但是看上去是个非常不错的工具 关注官网 网页链接 发布消息 https://swiftstudio.app/

▶ Rspack 0.4.4 已发布！

🚀支持代码分割中的预取和预加载 🎉允许将函数类型传递给 splitChunks.cacheGroups 🥪允许解析js hashbang语法 ❤️将错误报告体验提升到一个新的水平 https://github.com/web-infra-dev/rspack/releases/tag/v0.4.4

▶ 轻量级 nodejs Web 框架的替代品

如果您开始一个新的 nodejs 服务端项目，您可能不应该使用 Express。如今有许多现代且轻量级的替代品可供选择：

■ hono: https://hono.dev/ ■ h3: https://github.com/unjs/h3

这种轻量级不符合“国情”，咱们的领导经常需要强大的框架，包罗万象，不然不够企业级 [奸笑]

啊不对，nodejs 不适合生产使用，它只是个玩具，前端工具。其实...

▶ Trunkee

Trunkee 是一种打包 TypeScript 库的简单方法！基于 rollup 封装的工具

我使用自己的 tsbb 工具打包，部分包也是使用 rollup 来发布，如果您不是专家，可以尝试使用 bunkee 来发布你的包。Github: https://github.com/huozhi/bunchee NPM: https://www.npmjs.com/package/bunchee

▶ Suno AI

音乐人工智能来了！不需要任何工具，只需要想象力，制作自己音乐。 无论您是歌手还是排行榜艺术家，您都可以创作出美妙的音乐。

今天在 Suno AI 🎧 制作你的歌曲 https://www.suno.ai/

▶ LLM

LLM 正在一场竞赛中展开较量，竞赛采用国际象棋中使用的强大 ELO 系统进行排名。GPT-4 仍然是无与伦比的。👉 您可以在这里参与：https://arena.lmsys.org/

▶ Retool

发现一个很好替代 retool 的开源工具 Refine，一个 React 框架，用于构建内部工具，管理面板，仪表板和B2B应用程序，具有无与伦比的灵活性。官网：https://refine.dev/Github: https://github.com/refinedev/refine

▶ ElysiaJS

一个快到可怕的 Bun(Nodejs) web 框架，他们的对标基准不是 nodejs web 框架，而是包括 Rust 和 Go #bun##node.js#

ElysiaJS 人类人体工学的 Web 框架，用于使用 JavaScript 或 TypeScript 为 Bun 构建后端服务器。

设计时考虑到简单性和类型安全，允许您使用熟悉的 API（例如 Express 和 Fastify）创建服务器。

官网: https://elysiajs.com Github: https://github.com/elysiajs/elysia

特征

■ 性能 - 静态代码分析以生成优化代码 ■ 统一类型 - 共享 DTO 运行时和编译时验证 ■ 端到端类型安全 - 同步客户端和服务器的数据 ■ TypeScript - 丰富的类型系统，提供完整的 TypeScript 体验 ■ JSX 模板引擎 - 前端开发人员熟悉的体验 ■ 符合人体工程学的设计 - 用于构建服务器的简单且熟悉的 API

▶ TWC

Vercel 出品，TWC 是一个轻量级库，用于在一行中创建 Tailwind 组件，编写更少的代码并更快地构建。 https://react-twc.vercel.app/ ⚡️ 轻量级-只有0.65kb ✨ 自动完成在所有编辑器 🎨 根据道具调整风格 ♻️ 使用asChild道具重用类 🦄 与所有组件一起工作 😎 与React Server组件兼容 🚀 一流的 tailwind-merge 和cva支持

▶ 丝滑滚动 CSS

您不需要 JAVASCRIPT 即可执行此操作！只需使用 CSS，您就可以创建“返回顶部”按钮 #css#

使用 "position: sticky" 和比页面更大的边距。 为了使动画移动，您可以使用滚动行为。

代码及其工作原理演示↓

▶ SQL JOIN

难以理解 SQL JOIN？ 有了这个图表，您就不会再有任何问题了！ ■ 什么是 JOIN？ 它是一种语句，允许你根据两个或多个表之间的相关列来合并它们的记录。 它有多种类型，下面将逐一解释！↓ ■ 内连接 用法：选择在两个表中都有匹配值的记录。 示例：如果有两个表，表 A 和表 B，并且都有一个 ID 列，那么在表 A 和表 B 之间对 ID 列进行 INNER JOIN 时，只会返回两个表中 ID 相同的记录。 ■ LEFT JOIN （也称为LEFT OUTER JOIN） 用法：返回左表（表 A）中的所有记录和右表（表 B）中的匹配记录。如果不匹配，则右表的结果为空。 示例：如果根据 ID 对表 A 和表 B 进行 LEFT JOIN，将得到表 A 中的所有记录，对于表 B 中根据 ID 匹配的记录，也将得到其数据。 ■ RIGHT JOIN （或RIGHT OUTER JOIN） 用法：这与 LEFT JOIN 相反。它会返回右表（表 B）中的所有记录和左表（表 A）中的匹配记录。如果不匹配，则左表的结果为空。 示例：根据 ID 对表 A 和表 B 进行 RIGHT JOIN 将返回表 B 中的所有记录，对于表 A 中根据 ID 匹配的记录，也将获得其数据。 ■ FULL OUTER JOIN 用法：结合左连接和右连接的效果。当左表或右表中有匹配记录时，返回所有记录。 示例：表 A 和表 B 基于 ID 的全外连接会返回表 A 和表 B 中的所有记录。如果表 A 中有记录在表 B 中没有匹配，或反之亦然，这些记录也将包括在内，但在未匹配的表列中为 NULL。 这些是最常见的连接，但还有更多连接：交叉连接CROSS JOIN、自然连接NATURAL JOIN、自连接SELF JOIN......

可以看出，每种 JOIN 都有其特定用途！有时您会根据想要获得的结果使用其中一种或另一种。

▶ UTM

UTM 虚拟机，在 Mac/iOS 上安全地运行操作系统iOS: https://getutm.app/ Mac: https://mac.getutm.app

▶ JavaScript 30‍

您正在学习 JavaScript 并想练习吗？根据项目来做！#javascript# ■ 免费 ■ 30 种不同的挑战 ■ 每一篇都有教程 ■ 并提供所有可用代码！

官网： https://javascript30.com

▶ ‍Data Viz Project‍‍

数据可视化项目， 100 个数据可视化示例及其解释和用例。 现在有一个网站可以在每个信息图表工作之前检查😌 官网：https://datavizproject.com/

▶ Latest

一款适用于 macOS 的小型实用应用程序，可确保您了解所使用应用程序的所有最新更新。 Github: https://github.com/mangerlahn/latest

▶ Librum

一个开源免费的电子书图书馆应用程序，包含电子阅读器，可以管理自己的电子书，支持多平台和多语言，还有 AI 功能，能对选中的文本解释和总结。 允许用户免费访问超过 70,000 本书籍，并提供个人阅读统计功能，且完全免费、开源。 Librum 支持英语、德语、俄语和中文。 目前支持的平台包括： ■ Windows ■ GNU/Linux ■ MacOS Librum 支持的格式包括： ■ PDF ■ EPUB ■ CBZ（漫画书） ■ XPS ■ PS ■ 所有纯文本格式 ■ 图片

官网：https://librumreader.com/ Github：https://github.com/Librum-Reader/Librum

▶ ‍date-fns‍ ‍

‍date-fns‍ v3 已发布！■ 完全重写 TypeScript ■ 不再进行运行时类型检查 ■ 最小大小现在为200 字节！ ■ 字符串参数又回来了！ ■ UTC 日期 ■ Node.js ESM 支持 ■ 不再有默认导出 ■ 新的扁平库结构 ■ 不再支持 IE‍‍官网：https://blog.date-fns.org/v3-is-out/

‍‍▶ ‍‍The Algorithms ‍‍ 使用此资源学习算法！适用于 Python、JavaScript、Java、C# 等 ■ 免费和中文解释 ■ 搜索和二叉树 ■ 动态规划 ■ 数据结构 ‍

官网：https://the-algorithms.com/zh_Hans

▶ Regex-Vis 您也不了解正则表达式并且因此讨厌它们？你一定会喜欢这个资源的。

显示正则表达式的直观解释

它逐步向您展示了它的作用： 官网：https://regex-vis.com Github: https://github.com/Bowen7/regex-vis

▶ Intools

您在寻找程序员的资源吗？这里有超过1000个的目录！ ✓ 扩展和代码工具 ✓ 设计灵感、用户体验、图像 ✓ 字体、图标、动画等 官网： https://intools.co 全部集中在一处：

‍

▶ Keep React

⚛️ 使用 React 和 Tailwind 创建巨大的巨大的集合 #react#‍

‍

■ 40 个可用组件 ■ 轻松定制样式 ■ 复制并粘贴代码 ■ 图形、模态等

非常适合更快地开发您的想法： 官网： https://react.keepdesign.io Github: https://github.com/StaticMania/keep-react

▶ React Responsive Pagination ⚛️ 您的网站或应用程序需要分页吗？这个 React 组件让你的生活更轻松！

官网: https://react-responsive-pagination.elantha.com/ Github: https://github.com/jonelantha/react-responsive-pagination ✓具有响应能力并适应宽度 ✓屏幕阅读器辅助功能 ✓最优，不会导致重新渲染 ✓可定制样式

▶ Mac用户配置教程文档

发现一个 Mac用户配置教程文档，作者写的非常详细的教程文档，可以解决大部分使用Mac会遇到的问题，是一个很不错的指南。👇 https://44maker.github.io/wiki/Mac/system.html

■ 常规系统设置 ■ 个人便好设置 ■ 日常软件推荐 ■ 开发配置 ■ 渗透工具 ■ 常见问题 ■ 小技巧

▶ OpenAI 官方提示工程指南 [译]

https://baoyu.io/translations/openai/openai-prompt-engineering-guides

▶ SearchEmoji

支持 30 个语言的 Emoji 搜索引擎，丰富多彩的 Emoji 让你的文章和社交文字更生动！

👉 网站地址：https://searchemoji.app/zh-hans 👉 仓库地址：https://github.com/rotick/searchemoji

▶ Inpaint-web

基于 Webgpu 技术和 wasm 技术的免费开源 inpainting & image-upscaling 工具, 纯浏览器端实现 ■ 图片高清化 ■ 图片修复

Github: https://github.com/lxfater/inpaint-webDemo: https://inpaintweb.lxfater.com/