Skip to content

Instantly share code, notes, and snippets.

View ziyoung's full-sized avatar
🤒
I may be slow to respond.

hetech ziyoung

🤒
I may be slow to respond.
  • 上海浦东
View GitHub Profile
@ziyoung
ziyoung / cli.js
Last active March 30, 2021 03:40
Shebang and common snippet
#!/usr/bin/env node
console.log('cli application');
process.on('rejectionHandled', error => {
throw error;
});
@ziyoung
ziyoung / async.js
Last active May 12, 2023 10:02
泛泛而谈
const { EventEmitter } = require('event-emitter');
function mapAsync(iterable, mapper, option) {
// consumer 控制 concurrency
}
function filterAsync(iterable, filterer) {
// promise 控制
}
@ziyoung
ziyoung / pagespy.md
Created December 26, 2023 02:02
如何设计一个前端远程调试工具 --- 以 PageSpy 为例.md

PageSpy 是一个适用于远程 Web 项目调试的工具。在最近的更新中,还添加了对微信小程序的支持。

它通过对浏览器/微信小程序 API 的封装,将调用原生方法时的参数进行过滤、转化,整理成指定格式的消息供调试端消费;调试端收到消息后,在类似 Chrome devtools 的面板中将数据呈现出来。对于前端开发者来说,上手零成本。

PageSpy 调试面板

如果你现在还为调试远端的网页而苦恼,不妨先把 PageSpy 部署起来。如果你已经是 PageSpy 用户或者对这类调试工具的实现感兴趣,不妨跟着本文的讲解一探究竟。

主仓库地址:https://github.com/HuolalaTech/page-spy-web ,觉得好用的小伙伴可以点个 ⭐️。