工具
SVG 手写签名生成器
这是一个在CodePen平台上展示的签名动画项目。 它通过代码实现,能够模拟出流畅书写签名的动态视觉效果。 访问者可以在页面上的输入框中键入任何文字,该程序便会自动生成相应内容的笔迹动画。
HTML to Design - 网页转 Figma 设计工具
html.to.design 是一款能将任何网站转换为完全可编辑 Figma 设计稿的工具。用户只需通过其 Figma 插件或浏览器扩展程序输入网址,即可将网页直接导入,无需从零开始构建。该工具支持自动布局、多种设备尺寸和明暗主题,极大地帮助设计师节省时间,从而高效地进行网站改版、竞品分析或获取设计灵感。
爱贝壳 - 全网内容同步助手
爱贝壳内容同步助手是一款Chrome浏览器插件,旨在帮助用户高效运营自媒体。它支持将动态、图文、文章及视频等多种形式的内容一键同步分发至超过50个国内外平台。通过该工具,创作者可以极大地提升内容发布效率,便捷地管理多个社交和媒体账户。
Subscriptions Calendar - 订阅费用管理日历
这是一款使用Vite、React和TypeScript技术栈构建的订阅日历网络应用。其主要功能是通过日历界面帮助用户追踪和管理订阅项目。所展示的内容为2025年11月的日历视图,并在特定日期上标记了订阅事件的数量。
YouGlish - 基于视频的英语发音学习工具
YouGlish是一个帮助用户学习自然英语发音的在线工具。它利用海量视频,展示母语者在真实语境中如何发音,解决了字典发音的困惑。用户可以听到包括美式、英式在内的多种口音,从而有效掌握难点发音,让口语更地道。
教程
JavaScript 事件循环与性能优化指南
这篇文章解释了JavaScript的事件循环机制,它是通过协调调用栈、微任务和宏任务队列来处理异步操作,从而在单线程环境中实现高性能的关键。长时间运行的任务会阻塞事件循环并导致性能问题。因此,文章推荐使用async/await、Web Workers以及防抖等技术进行优化,并介绍了相关的性能测量工具。
为什么要停止使用 Barrel 文件
文章主张开发者应停止使用桶文件(Barrel Files),即那些仅用于重新导出其他模块的`index.ts`文件。尽管它们能让导入路径看起来更整洁,但实际上会引发难以排查的循环依赖问题,并拖慢开发速度,因为打包工具会加载所有被导出的模块而非仅你需要的那个。因此,作者建议在应用代码中应彻底避免这种模式,它仅适用于为库(library)创建唯一的公共API入口。
React 渲染机制完全指南
React 的核心理念是视图 (view) 是状态 (state) 的函数;“渲染”是指 React 调用组件以根据当前状态创建 UI 快照来更新视图的过程。组件的重新渲染只会在其状态发生改变时被触发,即新的状态值与旧的快照不同。为了提高效率,React 会通过“批处理”将单个事件中的多个状态更新合并,最终只执行一次重新渲染。
开源
The Big Prompt Library - LLM 提示词大全
“TheBigPromptLibrary”是一个GitHub项目,它收集了大量用于大型语言模型的提示词和指令。该资料库内容丰富,主要分为系统提示、自定义指令、越狱提示和安全防护提示等类别。用户可以在此找到并使用各种类型的提示来与AI进行更有效的交互。
Next.js SaaS Starter - 现代化 SaaS 启动模板
这是一个由Next.js团队提供的SaaS入门模板,旨在帮助开发者快速构建应用程序。它集成了Next.js框架、Postgres数据库、Stripe支付以及shadcn/ui组件库。该模板预置了用户认证、订阅管理和仪表盘等SaaS核心功能,让开发者可以快速启动项目。
Enhanced FaaS - 国内 FaaS 服务加速工具
该项目旨在提升部署在Cloudflare、Vercel或Netlify等平台上的网页在中国大陆的访问速度与稳定性。通过将官方的CNAME记录修改为项目提供的优选CNAME记录,可以有效改善因官方路由拥堵造成的访问缓慢问题。用户在使用前,建议先设置官方CNAME以生成SSL/TLS证书,再切换至项目提供的优选CNAME记录。
React Data Fetching - 数据获取最佳实践示例
这个 GitHub 仓库旨在对现代 React 应用中的四种主要数据获取策略进行比较。它通过在多个不同的 React 框架中重复构建同一个应用程序,来展示客户端渲染 (CSR)、静态站点生成 (SSG)、服务器端渲染 (SSR) 以及流式传输的实际应用模式和利弊。该项目为开发者提供了一个直接对比不同实现方式的平台,以理解各种数据获取方法的权衡。
Immich - 高性能自托管照片管理系统
Immich是一个高性能的、可自行托管的照片和视频管理解决方案。作为一个托管在GitHub上的开源项目,它允许用户在自己的服务器上搭建私人照片与视频备份系统。该项目正处于积极开发中,旨在为用户提供一个替代商业云相册服务的可靠选择。
Awesome CursorRules - Cursor AI 规则集合
`awesome-cursorrules` 是一个为 Cursor AI 编辑器设计的配置文件集合,旨在通过自定义规则和行为来增强用户体验。通过使用 `.cursorrules` 文件,开发者可以为 AI 定义项目特定的指令,从而定制其代码生成以满足特定需求、确保编码风格的统一性。这个资源库收录了大量针对不同前端框架、后端技术、移动开发等场景的规则,有助于提高开发效率和团队协作的一致性。
资源
Awesome Remote Job - 远程工作资源大全
“awesome-remote-job”是一个 GitHub 存储库,它是一个精心策划的远程工作资源列表。该列表包含了文章、视频、书籍、求职网站和远程工作工具等多种资源。它还整理了具有远程工作文化的公司名单以及其他相关信息,为远程工作者提供了全面的指南。