---
url: https://sugarat.top/weekly/2023-09-24.md
description: >-
  ① disable-devtool - 一行代码禁用 devTool ② Sqids - 短字母 ID生成  ③ 一键查询子域名信息 ④ Happy DOM
  - Web 浏览器的 JavaScript 实现 ⑤ Alins - 又一个新奇的JS框架 ⑥ 关于 Bun 1.0 发布的一些看法 ⑦ 华为云低代码引擎
  TinyEngine 正式发布！
---

# 视野修炼第55期

*笔者在GitHub开了个 discussion [🔥 技术&开源&文章推荐](https://github.com/ATQQ/sugar-blog/discussions/123)，欢迎读者推荐贡献内容或者知识渠道*

欢迎来到第 55 期的【视野修炼 - 技术周刊】，下面是本期的精选内容简介

\[\[toc]]

**​也推荐大家关注一下最后的推荐内容（周刊的主要内容来源渠道）**

下面开始本期内容的介绍**ღ( ´･ᴗ･\` )比心**。

## 🔥强烈推荐

### [1. disable-devtool](https://github.com/theajack/disable-devtool) - 一行代码禁用 devTool

如题可以用来防止网站被开发者工具调试，打开开发者工具后，页面会自动重定向到指定的页面

```ts
import DisableDevtool from 'disable-devtool'

DisableDevtool()
```

*不过既然是开源的，理论上也是可以找到应对办法的（比如重写网页自动重定向的方法）*

### [2. Sqids](https://sqids.org/) - 短字母 ID生成

可以根据数字自动生成一个 ID，很适合用来做短链服务

![](https://img.cdn.sugarat.top/mdImg/MTY5NTU1OTA2OTk4MQ==695559069981)

## 🔧开源工具&技术资讯

### [3. 一键查询子域名信息](https://github.com/ARPSyndicate/puncia)

比如查询笔者的个人域名`sugarat.top`的子域名信息，只需要访问

https://api.subdomain.center/?domain=sugarat.top

![](https://img.cdn.sugarat.top/mdImg/MTY5NTU1ODQxNzQ2NA==695558417464)

结果还是比较准确的，可以用来做一些子域名的信息收集

### [4. Happy DOM](https://github.com/capricorn86/happy-dom/tree/master) - Web 浏览器的 JavaScript 实现

> Happy DOM 的目标是模拟足够的 Web 浏览器，以便用于测试、抓取网站和服务器端渲染。

![](https://img.cdn.sugarat.top/mdImg/MTY5NTU1OTEzNzgwNw==695559137807)

*使用js来模拟实现浏览器侧的Web API*

### [5. Alins](https://github.com/alinsjs/alins) - 又一个新奇的JS框架

![](https://img.cdn.sugarat.top/mdImg/MTY5NTU1OTU1OTYxNQ==695559559615)

*上面`disable-devtool`的作者也是这个框架的作者*

可以看2个使用demo

![](https://img.cdn.sugarat.top/mdImg/MTY5NTU1OTY5NzU5NQ==695559697595)

可以看出来模板代码非常少，比较符合使用直觉，更多的demo可以去官方的 [playground](https://alinsjs.github.io/playground/#0) 尝鲜

### [6. 关于 Bun 1.0 发布的一些看法](https://adventures.nodeland.dev/archive/my-thoughts-on-bun/)

> Node.js 社区知名领袖 Matteo Collina 关于 Bun 1.0 发布的看法

即兴奋又失望，根据作者的经验，它不是一个直接的 Node.js 替代品，许多内部细节都有所不同。还探讨了为什么 Bun 比 Node.js 快？

* Node.js 没有预算，而且只有一个小团队在维护 npm。
* Bun 对与 npm 生态系统的大部分向后兼容性并不关心。
* 拥有开放治理意味着更广泛的决策过程，这让每个人都有发言权，但也需要更多时间来做出决定。

![](https://img.cdn.sugarat.top/mdImg/MTY5NTU1NzAxNDE0NA==695557014144)

### [7. 华为云低代码引擎 TinyEngine 正式发布！](https://mp.weixin.qq.com/s/EcP2pXhTK548Crhmt894kg)

![](https://img.cdn.sugarat.top/mdImg/MTY5NTU1ODEzNTIxOA==695558135218)

*不过发现了一个网站的小bug（大概率是SPA页面没有配置ng）直接访问会404：https://opentiny.design/tiny-engine*

## 😛趣图

![](https://img.cdn.sugarat.top/mdImg/MTY5NTU2MDcwMDQxMQ==695560700411)

![](https://img.cdn.sugarat.top/mdImg/MTY5NTU2MDY2NDk1MQ==695560664951)

***

篇幅有限，如果你还没看够，可移步后面的推荐渠道，继续游览，历史周刊（<20）[移步博客](https://sugarat.top/weekly/index.html)

## ⭐️强力推荐关注

* [阮一峰: 科技爱好者周刊](https://www.ruanyifeng.com/blog/archives.html) - 记录每周值得分享的科技内容，周五发布
* [云谦：MDH 前端周刊](https://www.yuque.com/chencheng/mdh-weekly) - 前端资讯和分享
* [童欧巴：前端食堂](https://github.com/Geekhyt/weekly) - 你的前端食堂，吃好每一顿饭
* [前端RSS](https://fed.chanceyu.com/) - 根据 RSS 订阅源抓取最新前端技术文章
* [省流](https://shengliu.tech/) - 有关行业📱、代码👨‍💻、科研🔬的有趣内容，每个工作日更新