---
url: https://sugarat.top/weekly/2025-05-25.md
description: >-
  ① NoCode - 一句话，呈所想 ② 直接获取输入框value的number类型值 ③ prompt-kit - AI组件库 ④ Next
  BConvert ⑤ jsPad ⑥ Chrome 137 开发者工具的新变化 ⑦ JavaScript 30年 ⑧ TS GO 实现预览版 ⑨ 免费的
  AI 图像处理工具
---

# 视野修炼第120期 | NoCode

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

\[\[toc]]

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

## 🔥强烈推荐

### [1. NoCode](https://nocode.cn/) - 一句话，呈所想

美团推出的 Web 网站生成平台。对标 Bolt，V0。

![](https://cdn.upyun.sugarat.top/mdImg/sugar/a4ef2735453f13ac35d14d638fbe726b)

目前免费，可以体验体验，效果还可以，支持部署！

![](https://cdn.upyun.sugarat.top/mdImg/sugar/6fed650d3e0a289c0abf1b58c73424e6)

### [2. 直接获取输入框value的number类型值](https://www.zhangxinxu.com/wordpress/2025/05/input-value-valueasnumber/)

常见的通过 `$input.value` 获取的是字符串类型

但浏览器还支持 `$input.valueAsNumber` API，支持获取数字类型

```html
<input id="number" min="1" max="10" type="number" />
<button id="btn">获取</button>
<script>
    btn.addEventListener('click', () => {
        const numberValue = number.valueAsNumber
        console.log(typeof numberValue, numberValue)
    })
</script>
```

![](https://cdn.upyun.sugarat.top/mdImg/sugar/71b2047c1799c3f255bec2e20f957bf1)

API 支持程度非常高。

![](https://cdn.upyun.sugarat.top/mdImg/sugar/53e60f25ff947120ec6fc1ed0c865cc1)

小知识，记下了！

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

### [3. prompt-kit](https://www.prompt-kit.com/) - AI组件库

一套为 AI 应用打造的灵活且高质量的组件库。

基于 Shadcn/UI 打造。

![](https://cdn.upyun.sugarat.top/mdImg/sugar/5ae31abc7eced2069855a039515f3845)

### [4. Next BConvert](https://nextbconvert.com/)

免费本地批量转换图像、音频和文档的工具.

![](https://cdn.upyun.sugarat.top/mdImg/sugar/0bf182598b58bf7e84b016feb998d73a)

### [5. jsPad](https://www.jspad.dev/)

多框架支持的在线 Playground

![](https://cdn.upyun.sugarat.top/mdImg/sugar/26afe3656ff467df256ef02103eea0b0)

## 📚教程&文章

### [6. Chrome 137 开发者工具的新变化](https://developer.chrome.com/blog/new-in-devtools-137?hl=zh-cn)

使用 Gemini 直接修改DOM的CSS样式

![](https://cdn.upyun.sugarat.top/mdImg/sugar/11455cdab4277f7d481ca046ec56ab68)

通过 Gemini 直接询问数据分析效果

![](https://cdn.upyun.sugarat.top/mdImg/sugar/dcaf45e63abbfd920cd1dfabd51d8147)

*国内要直接使用，得车腾一番才能开启AI助手的功能*

### [7. JavaScript 30年](https://deno.com/blog/history-of-javascript)

![](https://cdn.upyun.sugarat.top/mdImg/sugar/ff446aa602b2556bdfe894011ac06d46)

Deno 团队精心梳理了一条时间线，生动呈现了 JavaScript 的发展历程：从最初在 Netscape Navigator 中崭露头角，到衍生出 JScript 等分支，再到标准化进程的推进和 Node.js 的横空出世，直至今日取得的辉煌成就。

### [8. TS GO 实现预览版](https://devblogs.microsoft.com/typescript/announcing-typescript-native-previews/)

```sh
npm install -D @typescript/native-preview

npx tsgo --project ./src/tsconfig.json
```

## 🤖AI工具&资讯

### [9. 免费的 AI 图像处理工具](https://aiimageeditor.me/zh)

![](https://cdn.upyun.sugarat.top/mdImg/sugar/4b99de202f0a026115ba14a85fcc8306)

功能丰富，体验了一下效果也还可以，也是纯本地运行。

*收藏+1*

## 😛趣图

![](https://cdn.upyun.sugarat.top/mdImg/sugar/1552cb4e1e1e1be33181df6b50364996)

## ⭐️强力推荐关注

> 周刊部分内容来源如下渠道，推荐大家关注。

* [阮一峰: 科技爱好者周刊](https://www.ruanyifeng.com/blog/archives.html) - 记录每周值得分享的科技内容，周五发布
* [前端 RSS](https://fed.chanceyu.com/) - 根据 RSS 订阅源抓取最新前端技术文章
* [FRE123 技术周刊精选](https://www.fre321.com/weekly) - 技术周刊精选推荐信息流