Photo byPankaj Patel/Unsplash去年还是前年就在思考如何在 Ghost 中集成 Activitypub 的互动，还找了一个国内博客大佬的实现ActivityPub 协议的简单实现 - Lawrence Li，不过这位大佬的方案是完全自己实现协议部分，对我来说有点太复杂了。后来Ghost官方也发布了一个Ghost和Activitypub的继承方案，不过我看了下项目的Docker-compose文件，感觉太臃肿了（毕竟是商业化产品，性能各方面都要考虑到）。而且开发一年多了，现在也只在官方付费服务里Beta，所以现在兴致缺缺。因为最近用Cloudflare Worker实现了很多有意思的玩意，所已，今天忽然灵光一闪，想到了一个非常有意思的点子，通过和AI的几轮互动，感觉应该能完整实现大佬博客里的那种效果。其实原理无非就是利用Cloudflare Worker和KV功能，对文章ID和嘟文ID进行储存，在页面展示时再去请求数据进行展示，整个逻辑大概如下：文章和嘟文同步Worker定时请求Ghost博客中最新一篇的数据（我这边是用Ghost的唯一文章ID做Key，你的博客系统没有API的可以请求RSS，但是ID必须是唯一的，可以自己截取slug出来应该也是可行的）。拿到Key后在KV中进行查找，如果录入过就跳过。没录入就拿文章的数据根据长毛象或GTS的API要求组装嘟 ...继续阅读 (30)

开始技术细节之前，关于有声书想多絮叨两句（也算是一种产品需求分析）：有声书的主要需求来源：随着生活节奏加快，人们越来越依赖碎片时间获取信息，有声书允许用户在通勤、做家务、运动等场景中同步进行 “阅读”；特殊人群的阅读需求，老人、视障等天然存在阅读困难的人，儿童等尚需启蒙的人群等都需要借助有声书来“阅读”；情感陪伴与心理健康支持需求，声音的陪伴属性使其成为心理健康的 “软支撑”，睡前听书还可能通过影响梦境内容（如高频 β 波激活记忆）间接改善心理状态，广播剧、小说等内容通过角色演绎引发情感共振。技术可行性：丰富的kindle、z-library等电子书资源提供了高质量的有声书文本资源；AI 技术（如 TTS 语音合成）大幅降低制作成本；MCP协议生态的丰富大大增强了AI的能力边界；从业务价值的角度做这件事情是有待商榷的：已经有喜马拉雅这样平台了，折腾有声书转换的必要性不高；已经有NotebookLM了，自己去开发基于LLM的工具必要性不高；平台和工具皆有竟品的情况下，这件事情的效率和性价比都会有问题，所以这个项目只能是个人兴趣和副业；基于上述的分析，打算用MCP Servers + LLM实现将电子书转换为有声书的小工具，使用方式很简单在AI交互框中输入“将xxx目录中xxx转为成音频”，这样我就拥有了一个低配版的喜马拉雅，将任意自己喜欢电子书变成自己和家人喜欢的有声书了。技术思路首 ...继续阅读 (68)

Photo byChethan/Unsplash我一直把Memos当作微博来用，偶尔也会手动同步到长毛象，但也只是偶尔。原因是即便在用梯子的情况下长毛象打开也太慢了，毕竟大多数实例都在墙外，且长毛象挺吃服务器资源的。目前又不太想自建实例，虽然现在弄了NAS，理论上可以搭在上面，但是Ghost似乎在6月份要推出联邦宇宙服务了，到时候可以直接迁移到那个上面去，也就一直没下手。之前看到过蜗牛哥出过一期长毛象同步到Memos的方案，和我的需求是相反的，因为今天周末恰好有空，所以就捣鼓了一下，弄了一版。因为Memos可以设置WebHook调用，所以我的思路是：Memos发布 -> 触发WebHook调用 -> 数据转发给Cloudflare Worker -> Worker里用Mastodon API发布嘟文实现先去长毛象上申请Access token ，路径为 ：偏好设置 -> 开发 -> 创建新应用 -> 起个名字，勾选 write:statuses、write:media 权限然后就是Cloudflare Worker的实现了，我用DeepseekR1跑了一版，稍加改动就能初步使用了。💡如果你的Memos服务器在国内，那可能需要给Cloudflare worker绑定一个域名，不然会无法访问。// cloudflare-worker.js const MASTODON_INSTANCE ...继续阅读 (33)

【摘要】继续前几天的随笔，缩略图大小这参数。示例如何应用它。其中如下截图， 数据库已经存储大量二进制数据流图片，系统后生成文件，原图片与缩略图......缩略图合并方法， 方法中，传入好向个参数，原图片，缩略图宽度，缩略图高度，缩略图物理路径，最后一行代码，Save成一张缩略图片文件。上面需要带入的缩略图宽阅读全文 ...继续阅读 (25)

【摘要】本随笔，在html利用fetch去call web api对数据进行添加，修改，更新和删除。数据库与存储过程，此处略过...创建entity,方便web api进行互动。 现在可以写Web API, html 实现添加数据， js file, 上面添加的数据，将以下面的数据列呈现， Insus.NE阅读全文 ...继续阅读 (25)

【摘要】一整天，分享了几条随笔， C# mvc +axios + web api + javascript https://www.cnblogs.com/insus/p/18577591 asp.net mvc视图传递数据至另一页的视图 https://www.cnblogs.com/insus/p/18阅读全文 ...继续阅读 (26)

本周刊由 Python猫 出品，精心筛选国内外的 250+ 信息源，为你挑选最值得分享的文章、教程、开源项目、软件工具、播客和视频、热门话题等内容。愿景：帮助所有读者精进 Python 技术，并增长职业和副业的收入。分享了 12 篇文章，12 个开源项目，1 则音视频，全文 2200 字。以下是本期摘要：🦄文章&教程① 游乐场智慧：线程击败 Async/Await② Python 真的很慢吗？③ Django Async：准备好用于生产环境了吗？④ 为什么持久执行应该是轻量级的？⑤ Python 中管道模式——通过重载运算符实现⑥ FireDucks：Pandas 但速度快 100 倍⑦ 任何 Python 程序都用 24 个字符装下⑧ PEP-765：不允许在 finally 块用 return/break/continue 作退出⑨ CPython 的垃圾回收器及其对程序性能的影响⑩ 扩展 Django 项目的实用指南⑪ SQL、同态和约束满足问题⑫ 使用 GDB 和 DDD，愉快地调试🐿️项目&资源① pyTermTk：Python 终端工具包② terminal-tree：终端中的文件系统导航器③ chdb：进程内 OLAP SQL 引擎④ open-notebook：谷歌 Notebook LM 的开源替代⑤ garak：LLM 漏洞扫描⑥ EasyAnimate：高分辨 ...继续阅读 (18)

Python中的协程和生成器是实现并发编程和异步处理的重要工具。生成器通过`yield`语句提供了延迟计算的能力，而协程则在生成器的基础上实现了更灵活的数据流控制，允许在函数执行过程中暂停并恢复。Python 3.5引入了`async`和`await`，使得异步编程更加直观和便捷。本文深入探讨协程和生成器的实现方式，从基本的`yield`用法入手，逐步解析如何将生成器转化为协程，最后介绍`async`和`await`语法的应用，并包含大量代码示例和详尽的中文注释，帮助读者理解Python中的异步编程。 ...继续阅读 (32)

CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读这是JavaScript中那些在现实世界中极其强大的酷炫技巧之一。强大的实际应用场景动作(A)等待另一个动作(B)A正在进行，但用户想做B，而A需要先发生。例如：社交应用，用户可以创建、保存和发布帖子。就像Medium。Save status:Not savedPublish status:Not publishedSavePublish如果用户想在帖子保存时发布怎么办？解决方案：确保在发布之前帖子已保存。saveButton.onclick = () => { save(); }; publishButton.onclick = async () => { await publish(); }; let saveResolve; let hasSaved = false; async function save() { hasSaved = false; saveStatus.textContent = 'Saving...'; // ✅ Resolve promise from outside await makeSaveRequest(); saveResolve(); hasSaved = true; saveStatus.textContent = 'Saved' ...继续阅读 (63)

上一篇我介绍了Go生态圈的sqlx库。 Rust生态圈也有一个知名的sqlx库，今天给大家介绍一下。这两个没有什么关联啊，纯粹属于名称相同而已。概览sqlx是一个为Rust语言提供的功能齐全的数据库访问和查询构建器库。它支持多种数据库,包括PostgreSQL、MySQL、SQLite等。sqlx的设计目标是成为Rust中最直观、高效且类型安全的数据库客户端。真正的异步。从头开始使用 async/await 构建，以实现最大的并发性。编译时检查查询（如果你需要的话）。请注意，sqlx 不是 ORM。与数据库无关。支持 PostgreSQL、MySQL、MariaDB、SQLite。纯 Rust。Postgres 和 MySQL/MariaDB 驱动程序是使用零不安全的代码以纯 Rust 编写的。与运行时无关。在不同的运行时（async-std/tokio/actix）和 TLS 后端（native-tls，rustls）上运行。SQLite 驱动程序使用 libsqlite3 C 库。sqlx 除非启用了 sqlite 功能，否则会使用 #![forbid(unsafe_code)]。SQLite 驱动程序通过 libsqlite3-sys 直接调用 SQLite3 API，这需要使用不安全的代码。另外，它还有以下特性：跨平台。作为原生的 Rust 代码，sqlx 可以在任何支持 ...继续阅读 (94)

该渲染由 Shiro API 生成，可能存在排版问题，最佳体验请前往：https://innei.in/posts/dev-story/how-is-the-real-time-headcount-at-the-site-achieved经常光顾我站的读者应该都看到过我站底部有显示当前在线的人数。在不久之前我还为其增加了显示当前正在阅读具体哪篇文章的人数排行，并且在具体的某篇文章左侧增加时间线，用于展示当前所有正在阅读此文章的读者阅读进度。如果你看过我站的开源项目的话大概知道此站是由 Mix Space 驱动的，既然已经需要有服务器驱动，那么我基本没有其他平台提供的服务了，能自己去实现的基本都是自己去实现。比如这个功能，如果你用 SasS 服务，则可以选择Liveblocks。当然这里不做讨论，因为此文章的目的是如何自己去实现这样一个功能，服务端以及前端。设计与实现实时人数的统计，需要长连接。这里可以使用 WebSocket，当然如果你不需要特别实时的情况也可以使用轮询的方式。这里我们还是以 Socket.IO 实现，Socket.IO 是 WebSocket 的上层封装。下面对上面的功能进行拆解分析。站点的实时人数所有的实时人数是比较好统计的。我们可以考虑用所有的 WebSocket 连接去统计当前的在线人数。如果使用这个方法，那么没有连接到 WebSocket 的读者，不计入在 ...继续阅读 (91)

最近遇到一个需求需要将上千条的数据写入到基于Wordpress搭建的系统中，但是对于底层数据录的写入逻辑不是很清楚，通过sql各种写入也没有完全达到效果。后面想了想或许可以换一个方向，不能从底层逻辑写入数据那就通过正常操作写入。由于数据量大所以需要自动化处理，这时候就想到了之前用过的Puppeteer，这个库可以模拟操作浏览器的各种行为，包括获取数据和操作提交等。对于这个场景很适合，不用管底层的实现逻辑，也不需要去扒源码了解各种加密加签的逻辑，只需要模拟操作提交数据即可。复杂的问题瞬间简单了，在这篇文章中记录如何使用Puppeteer批量提交数量。安装Puppeteer在这之前确保你已经安装了Node.js。运行以下命令安装Puppeteer：npm install puppeteerPuppeteer脚本接下来编写需要执行的脚本，创建一个名为puppeteer.js的文件，并添加以下代码：const puppeteer = require('puppeteer'); (async () => { const browser = await puppeteer.launch({ headless: false }); const page = await browser.newPage(); await page.goto('https://baidu. ...继续阅读 (80)

起因前文有写到关于RSS订阅的一些事情，想了解的可以看看打破信息茧房及一款RSS阅读器推荐一文。不过这两天在实际使用过程中发现有部分网站如：V2ex、椒盐豆豉等网站的订阅在通过yarr添加的时候会提示No feeds found at the given url.的提醒信息。当时我还以为是yarr对这些网站的xml格式支持不全导致，所以跑去研究起了yarr关于解析xml文件部分的源代码，在尝试将2.4的部分代码和原作者最新的部分合并后我在本地测试发现似乎可以正常添加，所以重新build了一个镜像发布到docker上。不过，奇怪的事情发生了。我之前在本地测试明明可以，但是在自己的VPS中即便我重新拉取镜像、重新创建容器，却依旧提示上面的错误。这就让我有点「满头大汉」了，本来差点又要跑去研究源代码，不过忽然灵光一闪，想到这两个网站似乎都有一个共性——「在墙外」，而我的服务器又在国内，正常情况下自然是无法访问的，之前在本地测试通是因为我的路由器上有小猫做分流，所以自然能正常访问。至此算是破案了，不过很想吐槽一句：yarr的错误信息提示真的很有问题，这种情况不是应该提示目标网站访问超时吗？当时我能想到的只有一种方式：在服务器上装个小猫，让流量走代理就可以了，不过被我直接PASS了，因为环境的关系我并不想在这些大厂的服务器上安装这种东西。CF Worker转发Rss而后想到之前Memos使用 ...继续阅读 (113)

byzhangxinxufromhttps://www.zhangxinxu.com/wordpress/?p=11088鑫空间-鑫生活本文欢迎分享与聚合，全文转载就不必了，尊重版权，圈子就这么大，若急用可以联系授权。一、效果抢先体验纯JS就可以实现人脸识别功能，加载模型，执行识别。眼见为实，您可以狠狠地点击这里：JS判断人脸画面区域demo本demo提供了3处交互案例，分别是无人脸，有人脸和自定义上传。例如第一张图，显示无人脸：其实，是有个小小的人脸的，我一开始也没注意，因为图片尺寸比较小，哈哈哈，如果是大尺寸图片，估计是可以识别的。第二张是我的社交网站头像，点击“识别”按钮，可以看到脸上有个黄色的框框：演示页面还支持上传本地图片进行检测，例如我选择了之前介绍LUT滤镜应用文章使用的素材截图，结果显示两个人脸，并准确定位了：二、项目及用法示意我用的是这个项目：https://github.com/WebDevSimplified/Face-Detection-JavaScript仓库比较简单，一个JS文件，face-api.min.js，然后就是模型文件。别看仓库没有那些花里胡哨的各种安装包和JSON文件，识别的效果还老好了，使用也比较简单。首先，第一步，引用JS，直连即可：第二步，加载模型，指向models文件夹的路径，代码如下所示：// 加载人脸识别模型 Promise.al ...继续阅读 (106)

byzhangxinxufromhttps://www.zhangxinxu.com/wordpress/?p=11088鑫空间-鑫生活本文欢迎分享与聚合，全文转载就不必了，尊重版权，圈子就这么大，若急用可以联系授权。一、效果抢先体验纯JS就可以实现人脸识别功能，加载模型，执行识别。眼见为实，您可以狠狠地点击这里：JS判断人脸画面区域demo本demo提供了3处交互案例，分别是无人脸，有人脸和自定义上传。例如第一张图，显示无人脸：其实，是有个小小的人脸的，我一开始也没注意，因为图片尺寸比较小，哈哈哈，如果是大尺寸图片，估计是可以识别的。第二张是我的社交网站头像，点击“识别”按钮，可以看到脸上有个黄色的框框：演示页面还支持上传本地图片进行检测，例如我选择了之前介绍LUT滤镜应用文章使用的素材截图，结果显示两个人脸，并准确定位了：二、项目及用法示意我用的是这个项目：https://github.com/WebDevSimplified/Face-Detection-JavaScript仓库比较简单，一个JS文件，face-api.min.js，然后就是模型文件。别看仓库没有那些花里胡哨的各种安装包和JSON文件，识别的效果还老好了，使用也比较简单。首先，第一步，引用JS，直连即可：第二步，加载模型，指向models文件夹的路径，代码如下所示：// 加载人脸识别模型 Promise.al ...继续阅读 (103)

...继续阅读 (68)

...继续阅读 (75)

免费体验 Gpt4 plus 与 AI作图神器，我们出的钱 体验地址：体验如果你正在阅读这篇文章，你可能已经理解了promise和async/await在执行上下文中的不同之处。在 JavaScript 中，promises和async/await是处理异步操作的两种不同方法。但它们之间关系密切。PromisePromise 是最终导致异步操作完成或失败的对象。Promise 可以处于三种状态之一：待定、已完成或已拒绝。当异步操作完成时，Promise 要么以一个值实现，要么以一个错误被拒绝。// Using Promises function promiseFunction() { return new Promise((resolve, reject) => { setTimeout(() => { resolve("Resolved"); }, 2000); }) } console.log("Start"); promiseFunction() .then((result) => { console.log(result); console.log("End"); }) .catch((error)=>{ console.log(error) }); Output: Start Resolved EndAsync/Awaitasync/aw ...继续阅读 (88)

异步任务是我们日常开发中离不开的一环，例如用户操作后的网络请求、动画延时回调、node.js 中各种异步 IO/进程操作等等。过去通常是通过传递回调函数的形式使用，如今我们通常使用Promise，配合async/await，让日常这些异步处理方便了很多。不过对于刚接触Promise的新同学来说，日常可能只接触和使用过其中比较基础的使用形式，又没有花时间去了解其中的实现原理，这就可能会导致一些错误理解和反模式实践。这里将平时遇见过的问题列举出来，结合自己的理解，希望能帮新同学们绕开一些可以避免的坑。[TOC]1. 简要介绍(1) 什么是 Promise个人认为，Promise是一种可链式触发的单向异步任务单元。它基于异步任务进行封装，内部维护一个任务进行状态：进行中、已完成、已拒绝。初始状态为进行中，可单向流转：进行中→已完成/已拒绝；不可以逆向流转。一个Promise实例在进行中状态下，可以通过它的then(onResolved?, onRejected?)函数指定完成/拒绝状态回调函数。异步任务执行完毕时，可以执行以下A/B操作之一：(A) 给完成状态回调函数传递一个结果值，进入已完成状态；(B) 给拒绝状态回调函数传递一个理由，进入已拒绝状态。上面是Promise基本概念，看起来似乎“平平无奇”。然而它又通过以下机制实现了链式触 ...继续阅读 (50)

前言周末逛github的时候，发现我们只需要在github域名上加上1s他就能够打开一个vscode窗口来阅读代码，比起在github仓库中查看更加方便然后我就想网页端vscode能不能打开我本地的项目呢，带着这个疑惑我打开了网页版vscode，它居然真的可以打开我本地的项目代码!难道又出了新的API让前端的能力更进一步了？打开MDN查了一下相关文档，发现了几个新的APIshowOpenFilePicker用来选择文件语法showOpenFilePicker()参数options：（可选）包含以下属性multiple：布尔值，默认为false。为true表示允许用户选择多个文件excludeAcceptAllOption：布尔值，默认为false。默认情况下，文件选择器带有一个允许用户选择所有类型文件的过滤选项（展开于文件类型选项中）。设置此选项为true以使该过滤选项不可用。types：表示允许选择的文件类型的数组返回值返回一个promise对象，会兑现一个包含FileSystemFileHandle对象的Array数组。体验打开文件const openFile = async () => { const res = await window.showOpenFilePicker(); console.log(res); };默认只能打开一个文件，可以传入multiple ...继续阅读 (94)

await者，等待异步操作完成也。上面例子中，getStructApi是一个promise，第二个，如果一个方法，包含了await关键词，则该方法在声明时要加上 async 关键词。意思就是死活等它完成，等到一个结果为止。 ...继续阅读 (119)

#### 前言 `JavaScript` 作为一门 `单线程语言` ，同一时间只能执行一个操作。这就意味着，在处理一些耗时操作时，程序会出现 `阻塞` ，导致 UI 无响应。为了避免这种情况， `异步编程` 变得至关重要。 `异步操作` 可以将耗时的任务交给浏览器或运行时环境来处理，同时保持 UI 的响应性。 #### 回调函数 `回调函数` 是处理异步操作的最早方法之一。它在处理事件、定时器、网络请求等方面得到了广泛应用。然而，随着异步操作嵌套层次的增加， `回调地狱（Callback Hell）` 成为了一个普遍存在的问题，降低了代码的 `可读性` 和 `可维护性` 。 ```javascript title="使用回调函数处理异步操作" function fetchData(url, callback) { fetch(url) .then((response) => response.json()) .then((data) => callback(data)) .catch((error) => console.error(error)) } fetchData('https://api.github.com/users/jiohon', function (data) { console.log(data) }) ``` ## ...继续阅读 (12)

前言JavaScript作为一门单线程语言，同一时间只能执行一个操作。这就意味着，在处理一些耗时操作时，程序会出现阻塞，导致 UI 无响应。为了避免这种情况，异步编程变得至关重要。异步操作可以将耗时的任务交给浏览器或运行时环境来处理，同时保持 UI 的响应性。回调函数回调函数是处理异步操作的最早方法之一。它在处理事件、定时器、网络请求等方面得到了广泛应用。然而，随着异步操作嵌套层次的增加，回调地狱（Callback Hell）成为了一个普遍存在的问题，降低了代码的可读性和可维护性。function fetchData(url, callback) { fetch(url) .then((response) => response.json()) .then((data) => callback(data)) .catch((error) => console.error(error)) } fetchData('https://api.github.com/users/jiohon', function (data) { console.log(data) })Promise 和异步操作链为了解决回调地狱问题，ES6引入了Promise，它提供了一种更优雅的处理异步操作的方式。Promise允许我们将异步操作组合成链式调用，通过.then()来处理 ...继续阅读 (9)

前言JavaScript作为一门单线程语言，同一时间只能执行一个操作。这就意味着，在处理一些耗时操作时，程序会出现阻塞，导致 UI 无响应。为了避免这种情况，异步编程变得至关重要。异步操作可以将耗时的任务交给浏览器或运行时环境来处理，同时保持 UI 的响应性。回调函数回调函数是处理异步操作的最早方法之一。它在处理事件、定时器、网络请求等方面得到了广泛应用。然而，随着异步操作嵌套层次的增加，回调地狱（Callback Hell）成为了一个普遍存在的问题，降低了代码的可读性和可维护性。function fetchData(url, callback) { fetch(url) .then((response) => response.json()) .then((data) => callback(data)) .catch((error) => console.error(error)) } fetchData('https://api.github.com/users/jiohon', function (data) { console.log(data) })Promise 和异步操作链为了解决回调地狱问题，ES6引入了Promise，它提供了一种更优雅的处理异步操作的方式。Promise允许我们将异步操作组合成链式调用，通过.then()来处理 ...继续阅读 (7)

JavaScript中的async和await关键字提供了一种现代语法，帮助我们处理异步操作。在本教程中，我们将深入研究如何使用async/await来掌控JavaScript程序中的流程控制。总览如何创建JavaScript异步函数async关键字await关键字声明异步函数的不同方式await/async内部机制从promise到async/await的转换错误处理在函数调用中使用catch()并行运行异步命令同步循环中的异步await顶层await总结在JavaScript中，一些操作是异步的。这意味着它们产生的结果或者值不会立即奏效。看看下面的代码：function fetchDataFromApi() { // Data fetching logic here console.log(data); } fetchDataFromApi(); console.log('Finished fetching data');JavaScript解释器不会等待异步fetchDataFromApi函数完成后再解释下一条语句。因此，在打印API返回的真实数据之前，它就会打印Finished fetching data。大多数情况下，这并不是我们想要的行为。幸运的是，我们可以使用async和await关键字，使我们的程序在继续前进之前等待异步操作的完成。这个功能是在ES2017 ...继续阅读 (126)

前言如果你之前跟我一样一直对asyncawait熟悉又陌生的话（熟悉是可能每天都在用，陌生是针对一些组合题又丈二和尚摸不着头脑），不妨可以边看边练，总结规律，相信会逐渐清晰并有所得。本文对每个案例都详细描述了代码的执行流程，如有不妥欢迎指正。async 函数return值async函数默认会返回一个Promise对象，不管最后函数有没有return值。但是针对具体的返回值情况，实际上表现会有所不同，下面分别看看。return值为普通值这里的普通值是指基础类型值（Number、String和Boolean等）和非thenable和非Promise的值async function foo() { return 'foo' } foo().then(() => console.log('a')) Promise.resolve() .then(() => console.log('b')) .then(() => console.log('c')) // 输出结果：a b c很简单，不出意外输出a b c，也就是async函数在执行完成后是没有等待的。foo()执行完成没有等待，遇到then将console.log('a')放入微任务队列；继续往下执行Promise.resolve()，遇到then将console.log('b')入队，当前同步任务全部执行完成；开始执行微任 ...继续阅读 (54)

...继续阅读 (57)

...继续阅读 (60)

...继续阅读 (51)

...继续阅读 (45)