Search: #JavaScript

  1. Memos 魔改记录最近想重新整一下自建存一点碎碎念之类的试了一些 感觉都不太好用先用 memos 吧 memoMemos 问题也有点多…先留个备忘 可能还得换 Memos 魔改记录 服务器合集 合集 群组 恰饭 联系推广#Memos #前端 #JavaScript #CSS #HTML

    Memos 魔改记录

    最近想重新整一下自建存一点碎碎念之类的
    试了一些 感觉都不太好用
    先用 memos

    memo

    Memos 问题也有点多…

    先留个备忘 可能还得换

    Memos 魔改记录

    服务器合集 合集 群组 恰饭 联系推广

    #Memos #前端 #JavaScript #CSS #HTML

    • ❤️1
  2. WebHomeTV: 可定制的 Android 影音平台源: 网友自制分享• 支持 Python 与 JavaScript 编写的 TMDB 海报抓取与展示 • 内置网盘链接有效性检测与站点健康排序,提升播放成功率 • 通过 WebHome SDK 实现原生搜索、播放、跨域请求等全套 Native 能力

    WebHomeTV: 可定制的 Android 影音平台

    源: 网友自制分享

    • 支持 Python 与 JavaScript 编写的 TMDB 海报抓取与展示

    • 内置网盘链接有效性检测与站点健康排序,提升播放成功率

    • 通过 WebHome SDK 实现原生搜索、播放、跨域请求等全套 Native 能力

    https://github.com/Silent1566/webhtv

    合集 群组 恰饭 联系推广

    #Android #WebHome #TV #开源 #Python #JavaScript #TMDB #Nostr

    • ❤️1
  3. Nub: 基于原生 Node.js 的一体化开发工具链喵佬推荐 • 使用单个 Rust 二进制整合 TypeScript 运行、脚本执行、依赖安装与 Node 版本管理,提供类似 Bun 的现代开发体验,同时保持原生 Node.js 兼容性 • 支持直接运行 TypeScript、JSX 与多种配置文件格式,自动加载 .env 环境变量,兼容 tsconfig paths、装饰器等常见开发场景 • 提供高性能脚本与命令执行能力,官方数据显示脚本运行速度可达 pnpm run 的约 24 倍,CLI 执行速度可达 npx 的约 19 倍

    Nub: 基于原生 Node.js 的一体化开发工具链

    喵佬推荐

    • 使用单个 Rust 二进制整合 TypeScript 运行、脚本执行、依赖安装与 Node 版本管理,提供类似 Bun 的现代开发体验,同时保持原生 Node.js 兼容性

    • 支持直接运行 TypeScript、JSX 与多种配置文件格式,自动加载 .env 环境变量,兼容 tsconfig paths、装饰器等常见开发场景

    • 提供高性能脚本与命令执行能力,官方数据显示脚本运行速度可达 pnpm run 的约 24 倍,CLI 执行速度可达 npx 的约 19 倍

    https://github.com/nubjs/nub

    合集 群组 恰饭 联系推广

    #NodeJS #TypeScript #Rust #开发工具 #工程化 #JavaScript #开源项目 #GitHub

  4. Ponytail: AI 代码懒人助理,写最少代码实现最大功能感谢群友 @notehahaha 的分享• 自动化代码精简,减少 80‑94% 行数,提升开发效率 • 多平台插件支持 Claude Code、Codex、Gemini 等,快速集成 • 可配置强度模式(lite、full、ultra),灵活控制代码生成深度

    Ponytail: AI 代码懒人助理,写最少代码实现最大功能

    感谢群友 @notehahaha 的分享

    • 自动化代码精简,减少 80‑94% 行数,提升开发效率

    • 多平台插件支持 Claude Code、Codex、Gemini 等,快速集成

    • 可配置强度模式(lite、full、ultra),灵活控制代码生成深度

    https://github.com/DietrichGebert/ponytail

    合集 群组 恰饭 联系推广

    #AI #JavaScript #Python #Claude #Codex #Gemini #OpenSource GitHub - DietrichGebert/ponytail: Makes your AI agent think like the laziest senior dev in the room. The best code is the code…

  5. cloudflade: 零后端 Cloudflare DNS 管理面板• 单 HTML 文件即可部署,零依赖实现快速上线 • 完整 DNS 记录增删改查,支持 A、AAAA、CNAME、MX、TXT 等多种类型 • 双认证方式(API Token 推荐)保障安全,响应式布局兼容移动端

    cloudflade: 零后端 Cloudflare DNS 管理面板

    • 单 HTML 文件即可部署,零依赖实现快速上线

    • 完整 DNS 记录增删改查,支持 A、AAAA、CNAME、MX、TXT 等多种类型

    • 双认证方式(API Token 推荐)保障安全,响应式布局兼容移动端

    https://github.com/ACnoway/cloudflade

    合集 群组 恰饭 联系推广

    #DNS #Cloudflare #WebUI #HTML #JavaScript

    • ❤️3
  6. Rename.Tools: 面向隐私优先场景的浏览器端批量文件重命名工具• 基于浏览器本地处理,文件无需上传,依托 File System Access API 直接完成重命名,适合对隐私和安全要求高的场景• 支持规则链组合,包括查找替换、正则表达式、序号、大小写转换和自定义 JS,能够覆盖从日常整理到复杂批处理的多种需求• 提供实时预览、冲突检测、撤销与脚本导出能力,同时可读取 EXIF 和音频元数据,兼顾可视化操作与自动化扩展

    Rename.Tools: 面向隐私优先场景的浏览器端批量文件重命名工具

    • 基于浏览器本地处理,文件无需上传,依托 File System Access API 直接完成重命名,适合对隐私和安全要求高的场景

    • 支持规则链组合,包括查找替换、正则表达式、序号、大小写转换和自定义 JS,能够覆盖从日常整理到复杂批处理的多种需求

    • 提供实时预览、冲突检测、撤销与脚本导出能力,同时可读取 EXIF 和音频元数据,兼顾可视化操作与自动化扩展

    https://github.com/chenz24/rename.tools

    合集 群组 恰饭 联系推广

    #文件重命名 #批量处理 #隐私保护 #浏览器工具 #正则表达式 #FileSystemAccessAPI #JavaScript #TypeScript #Next.js #GitHub

  7. RegexStudio: 在线正则可视化工作台 • 实时匹配与捕获组高亮,支持多引擎切换 • 铁路图与节点编辑器可视化正则结构,降低学习门槛 • 交互式教程与挑战模式,帮助快速掌握技巧

    RegexStudio: 在线正则可视化工作台

    • 实时匹配与捕获组高亮,支持多引擎切换
    • 铁路图与节点编辑器可视化正则结构,降低学习门槛
    • 交互式教程与挑战模式,帮助快速掌握技巧

    https://github.com/chenz24/regex-studio

    合集 群组 恰饭 联系推广

    #正则表达式 #可视化 #Web工具 #JavaScript #GitHub

  8. iClaw: 面向 iOS 的开源 AI Agent 实验应用不如 Minis...Minis 还是太强了• 采用真正的多 Agent 架构,支持通过 Markdown 文件配置人格、记忆与用户画像,还能在复杂任务中动态生成子 Agent 协同处理• 内置端侧 JavaScript 沙盒与代码片段管理,Agent 可直接编写并执行本地脚本,适合自动化处理、结果验证与轻量工作流编排• 集成浏览器自动化能力,支持导航、点击、输入、DOM 提取等操作,并兼容 OpenAI API、DeepSeek、OpenRouter 与 Ollama 等模型接口

    iClaw: 面向 iOS 的开源 AI Agent 实验应用

    不如 Minis...Minis 还是太强了

    • 采用真正的多 Agent 架构,支持通过 Markdown 文件配置人格、记忆与用户画像,还能在复杂任务中动态生成子 Agent 协同处理

    • 内置端侧 JavaScript 沙盒与代码片段管理,Agent 可直接编写并执行本地脚本,适合自动化处理、结果验证与轻量工作流编排

    • 集成浏览器自动化能力,支持导航、点击、输入、DOM 提取等操作,并兼容 OpenAI API、DeepSeek、OpenRouter 与 Ollama 等模型接口

    https://github.com/samhjn/iClaw

    TestFlight: https://testflight.apple.com/join/Uq7vKNjS

    V2EX: https://www.v2ex.com/t/1202990

    #iClaw #iOS #AI #Agent #网页自动化 #JavaScript #GitHub #TestFlight GitHub - samhjn/Palvia: A native iOS AI Agent app — multiple customizable AI assistants, right on your phone

    • ❤️9
  9. ForkFlow: 面向 GitHub Fork 仓库的同步管理仪表盘Serverless 项目 用于 GitHub 同步上游当你不想命令行同步,不想 Workerflow 同步,不想 PullBot 同步,可以用这个感谢群友 @BlankSpacecc 的分享• 支持一键批量同步多个 Fork 仓库,直接调用 GitHub Merge Upstream API,减少手动逐个处理的重复操作• 可自动导入当前账号下全部 Fork,并补全 commit、更新时间等元信息,快速建立可维护的仓库清单• 提供 Node.js 本地版与 Cloudflare Workers 无服务器版,前端基于原生 JavaScript,部署轻量且上手成本低

    ForkFlow: 面向 GitHub Fork 仓库的同步管理仪表盘

    Serverless 项目 用于 GitHub 同步上游
    当你不想命令行同步,不想 Workerflow 同步,不想 PullBot 同步,可以用这个

    感谢群友 @BlankSpacecc 的分享

    • 支持一键批量同步多个 Fork 仓库,直接调用 GitHub Merge Upstream API,减少手动逐个处理的重复操作

    • 可自动导入当前账号下全部 Fork,并补全 commit、更新时间等元信息,快速建立可维护的仓库清单

    • 提供 Node.js 本地版与 Cloudflare Workers 无服务器版,前端基于原生 JavaScript,部署轻量且上手成本低

    https://github.com/oversizexl/ForkFlow

    #GitHub #Fork #仓库同步 #开发者工具 #Cloudflare #Workers #Node.js #原生 #JavaScript

    • ❤️2
  10. Midscene.js: 视觉模型驱动的全平台 UI 自动化 SDK• 基于 pure-vision 路线进行 UI 定位与交互,仅依赖截图即可覆盖 Web、Android、iOS、桌面应用与 Canvas 场景 • 支持自然语言编排任务,可使用 Javascript SDK 或 YAML 编写脚本,并无缝集成 Puppeteer、Playwright、adb、WebDriverAgent • 提供可视化报告、Playground 与 MCP 能力,便于调试回放、提升执行效率,并支持开源模型自托管

    Midscene.js: 视觉模型驱动的全平台 UI 自动化 SDK

    • 基于 pure-vision 路线进行 UI 定位与交互,仅依赖截图即可覆盖 Web、Android、iOS、桌面应用与 Canvas 场景
    • 支持自然语言编排任务,可使用 Javascript SDK 或 YAML 编写脚本,并无缝集成 Puppeteer、Playwright、adb、WebDriverAgent
    • 提供可视化报告、Playground 与 MCP 能力,便于调试回放、提升执行效率,并支持开源模型自托管

    https://github.com/web-infra-dev/midscene

    #自动化测试 #视觉语言模型 #跨平台 #UI #JavaScript #GitHub #MCP #Android #iOS GitHub - web-infra-dev/midscene: AI-powered, vision-driven UI automation for every platform.

    • ❤️1
  11. Hoa: 轻量级跨平台 Web 框架• 仅约 4.4KB(gzip)体积,极致轻量 • 零依赖,完全基于现代 Web 标准构建 • 支持 Cloudflare Workers、Deno、Bun、Node.js 等多运行时

    Hoa: 轻量级跨平台 Web 框架

    • 仅约 4.4KB(gzip)体积,极致轻量
    • 零依赖,完全基于现代 Web 标准构建
    • 支持 Cloudflare Workers、Deno、Bun、Node.js 等多运行时

    https://github.com/hoa-js/hoa

    #Web框架 #跨平台 #零依赖 #Node.js #Cloudflare #Deno #JavaScript #Koa #Hono

  12. #优质博文 #JavaScript #新特性 #前端 #错误处理Error chaining in JavaScript: cleaner debugging with Error.cause

    #优质博文 #JavaScript #新特性 #前端 #错误处理
    Error chaining in JavaScript: cleaner debugging with Error.cause

    AI 摘要:本文介绍了在 JavaScript (ES2022) 中引入的 Error.cause 属性,展示它如何让错误处理更具可追溯性。作者 Matt Smith 通过实例说明了传统错误包裹的缺陷,以及 Error.cause 在保持原始堆栈信息、改进调试体验和测试断言方面的优势。最终总结出一套现代错误链最佳实践,帮助开发者构建更清晰、更稳健的错误追踪体系。

    [以下是方便搜索索引的大纲(AI 生成),请读原文]
    1. 传统错误处理的问题
    • 层层调用的代码容易丢失原始错误信息;
    • 以字符串拼接错误信息会破坏堆栈和错误类型;
    • 导致调试困难,追踪难度高。

    2. 引入 Error.cause 的改进
    • 通过 new Error(message, { cause }) 保留原始错误;
    • 可同时访问顶层与底层堆栈信息;
    • cause 属性为非枚举属性,不污染日志或循环输出;
    • 与 message、stack 一样保持一致的行为。

    3. 实践与代码演示
    • 示例:从 JSON.parse 到自定义函数的错误传递;
    • 在日志中手动输出 err.cause 获取完整上下文;
    • 适合层次式系统(如服务嵌套调用)排查问题。

    4. 历史背景与 cause 出现前的替代方案
    • 旧方案包括自定义字段 .originalError、字符串拼接等;
    • 这些方式不统一且容易破坏原始错误结构;
    • 标准化的 cause 提供更安全一致的机制。

    5. 自定义错误类的支持
    • 在自定义类中通过 super(message, { cause }) 传递原因;
    • 适用 ES2022+ 环境即可直接使用;
    • 对 TypeScript 用户,需在 tsconfig.json 中启用 "target": "es2022" 与 "lib": ["es2022"]。

    6. 在测试中的应用
    • 测试断言可直接验证 err.cause 类型;
    • 提升测试可读性与准确性。

    7. 实用技巧与注意事项
    • 浏览器默认不输出层级错误链,须手动打印;
    • 不建议过度使用错误链,避免干扰阅读;
    • 可递归打印完整错误链(logErrorChain 与 logFullErrorChain 示例);
    • 实践场景:数据库异常→业务异常→服务异常的多层错误追踪。

    8. 环境支持与现代用法总结
    • 支持于现代浏览器与运行环境(Chrome 93+、Node.js 16.9+、Deno、Bun 等);
    • 推荐实践:
    使用 Error(message, { cause })
    支持内建与自定义错误类型
    改善日志和调试体验
    对 TypeScript 进行正确配置
    ⚠️ 记得手动输出或递归追踪错误链。


    author Matt Smith

  13. #优质博文 #JavaScript #前端 #新特性 #浏览器好东西

    #优质博文 #JavaScript #前端 #新特性 #浏览器
    好东西。
    URLPattern is now Baseline Newly available

    AI 摘要:介绍了已进入 Baseline 的新浏览器功能 URLPattern API,它为 URL 匹配和路由提供了标准、简洁且高性能的原生解决方案。过去开发者需使用复杂的正则表达式或第三方库来解析和提取 URL 参数,而 URLPattern 使得这些操作更清晰、可维护且无需额外依赖。


    [以下是方便搜索索引的大纲(AI 生成),请读原文]
    1. URLPattern 基础与核心概念
    • 介绍 URLPattern API 的推出背景:取代传统正则匹配与第三方路由库。
    • 提供新 URLPattern 接口,可通过 .test() 与 .exec() 操作直接匹配并提取参数。

    2. 基本 URL 模式匹配
    • 对比旧方法(URL + 正则)与新 API 的简化写法。
    • 展示匹配 /users/:id 的例子,体现代码可读性和简洁性。

    3. 提取动态参数(Dynamic Parameters)
    • 传统方法依赖匿名的正则捕获组,易出错。
    • URLPattern 支持命名参数,可通过结构化对象获取(如 result.pathname.groups)。
    • 示例:提取书籍分类 category 与 id。

    4. 复合匹配(Compose Multipart Matches)
    • 传统方式需多处判断主机名与路径。
    • URLPattern 原生支持同时匹配多个部分,例如 hostname + pathname。
    • 示例:匹配 .cdn.com 下的 /images/ 文件。

    5. 减少项目依赖(Project Dependencies)
    • URLPattern 是内置能力,无需加载第三方库,减少 bundle 体积与维护成本。
    • 使用浏览器原生实现,跨引擎一致且性能更优。

    6. 深度用法详解(Detailed Usage)
    • 多种典型场景:
    路径匹配与参数提取:示例 /products/:category/:id 展示 .test() 与 .exec() 双用法。
    匹配子域名与版本号:支持在 hostname 层定义变量如 :subdomain.myapp.com,适用于多子域架构。
    通配符与正则表达式结合:通过 * 和嵌入式正则增强匹配灵活度,如 /users/:userId(d+)/assets/*.(jpg|png|gif)。

    7. 实战示例:Service Worker 路由
    • 利用 URLPattern 拦截 fetch 事件,根据路径实行不同缓存策略。
    • 示例:
    • /images/* 采用缓存优先;
    • /api/* 使用网络优先。
    • 显示该 API 在渐进式 Web 应用(PWA)中的现实意义。

    8. 结语与扩展阅读
    • URLPattern 提升代码可维护性,简化路由逻辑。
    • 推荐进一步查阅 MDN Web Docs 了解完整参考。


    author Jay Rungta URLPattern is now Baseline Newly available  |  Blog  |  web.dev

    • ❤️3
  14. 油猴专属:1.一键下载推文包含的所有图片2.一键下载推文包含的视频 [跳转站外解析]3.一键推文生成图片(推文/评论/转发均可)

    油猴专属:

    1.一键下载推文包含的所有图片
    2.一键下载推文包含的视频 [跳转站外解析]
    3.一键推文生成图片(推文/评论/转发均可)

    https://greasyfork.org/zh-CN/scripts/478651-twitter-x-%E7%BD%91%E9%A1%B5%E7%89%88-%E8%A7%86%E9%A2%91-%E5%8E%9F%E5%A7%8B%E5%9B%BE%E7%89%87-gif%E4%B8%80%E9%94%AE%E4%B8%8B%E8%BD%BD-limbopro

    好用的话给个好评喔
    有问题欢迎反馈
    🙏

    #实用工具 #JavaScript

    • ❤️4
    • 👍3
  15. #Cloudflare #CF #Workers #脚本 #JS #JavaScript #IPv4 #内网穿透 #公网 #IP #节点 #订阅 #Lucky #动态域名 #端口转发 #公网打洞 #内网穿透 #DDNS Cloudflare Workers 配合 Lucky 实现动态公网节点订阅 更新 支持 DB(D1)DB(D1) 和 KV 二选一不用 DB 的话就把 DB 留空: const DB = ''D1 免费额度多一些使用场景:搭建家宽节点, 获得 IPv4 动态公网地址, 无痛更新节点订阅本脚本实现的接口可用来管理数据 此用途仅用于举例 Lucky 可配置动态域名, 端口转发, IPv4 公网打洞, 非常方便 查看文档#脚本 #shell #bash #IPv4 #内网穿透 #公网 #IP #节点 #订阅 #Lucky #动态域名 #端口转发 #公网打洞 #内网穿透 #DDNS #IP4P #NATMap使用 Lucky 进行 STUN 内网穿透时, 配置自定义脚本实现自动更新 IP4P 动态域名 IP4P来自 NATMap, 将 IPv4 地址和端口同时编码在 DNS AAAA 记录中 具体说明使用场景: 结合 Sub-Store 的 IP4P 域名解析, 自动更新节点的服务器 IP 地址和 端口 Lucky 可配置动态域名, 端口转发, IPv4 公网打洞, 非常方便以下为代码:ZONE=''

    #Cloudflare #CF #Workers #脚本 #JS #JavaScript #IPv4 #内网穿透 #公网 #IP #节点 #订阅 #Lucky #动态域名 #端口转发 #公网打洞 #内网穿透 #DDNS

    Cloudflare Workers 配合 Lucky 实现动态公网节点订阅

    更新 支持 DB(D1)

    DB(D1) 和 KV 二选一
    不用 DB 的话就把 DB 留空: const DB = ''
    D1 免费额度多一些

    使用场景:

    搭建家宽节点, 获得 IPv4 动态公网地址, 无痛更新节点订阅

    本脚本实现的接口可用来管理数据 此用途仅用于举例

    Lucky 可配置动态域名, 端口转发, IPv4 公网打洞, 非常方便

    查看文档


    #脚本 #shell #bash #IPv4 #内网穿透 #公网 #IP #节点 #订阅 #Lucky #动态域名 #端口转发 #公网打洞 #内网穿透 #DDNS #IP4P #NATMap

    使用 Lucky 进行 STUN 内网穿透时, 配置自定义脚本实现自动更新 IP4P 动态域名

    IP4P

    来自 NATMap, 将 IPv4 地址和端口同时编码在 DNS AAAA 记录中 具体说明

    使用场景:

    结合 Sub-Store 的 IP4P 域名解析, 自动更新节点的服务器 IP 地址和 端口

    Lucky 可配置动态域名, 端口转发, IPv4 公网打洞, 非常方便

    以下为代码:

    ZONE=''
    RECORD=''
    EMAIL=''
    AUTH=''
    DOMAIN=''
    
    ipa=$(echo ${ip} | cut -d'.' -f1)
    ipb=$(echo ${ip} | cut -d'.' -f2)
    ipc=$(echo ${ip} | cut -d'.' -f3)
    ipd=$(echo ${ip} | cut -d'.' -f4)
    
    ipab=$(printf '%02x%02x' ${ipa} ${ipb})
    ipcd=$(printf '%02x%02x' ${ipc} ${ipd})
    
    porthex=$(printf '%04x' ${port})
    
    IP4P="2001::${porthex}:${ipab}:${ipcd}"
    echo $IP4P
    
    while true; do
        curl -X PUT "https://api.cloudflare.com/client/v4/zones/${ZONE}/dns_records/${RECORD}" \
            -H "X-Auth-Email: ${EMAIL}" \
            -H "Authorization: Bearer ${AUTH}" \
            -H "Content-Type:application/json" \
            --data "{\"type\":\"AAAA\",\"name\":\"${DOMAIN}\",\"content\":\"${IP4P}\",\"ttl\":60,\"proxied\":false}"
        if [ $? -eq 0 ]; then
            break
        fi
    done


    相关内容

    IP4P 请求自动重定向, 使用固定的 URL 访问 STUN 打洞的内网服务(以 Surge 模块为例)

    使用 Lucky 进行 STUN 内网穿透时, 配置自定义脚本实现自动更新 IP4P 动态域名

    自动使用 IP4P 动态域名 SSH

    Lucky 文档: STUN 内网穿透

    Sub-Store 域名解析新增 IP4P, 支持禁用缓存

    • ❤️15
    • 🔥1
  16. #Surge #脚本 #JavaScript #JS #IPv6 Surge 一个简单判断当前配置是否开启了 IPv6 的例子

    #Surge #脚本 #JavaScript #JS #IPv6

    Surge 一个简单判断当前配置是否开启了 IPv6 的例子

    
    !(async () => {
      const { profile } = await httpAPI('/v1/profiles/current?sensitive=0', 'GET')
      $done({ IPv6: /(^|\n)ipv6\s*?=\s*?(true|1)\b/i.test(profile)})
    })();
    
    function httpAPI(path = '', method = 'POST', body = null) {
      return new Promise(resolve => {
        $httpAPI(method, path, body, result => {
          resolve(result);
        });
      });
    }

    • ❤️4
    • 🎉1