No.78 AI 时代前端还有多少时间？一起看 OpenSource Award 榜单
01:29:54 Share

好 我们开始吧嗨 大家好新一期的 webber 和播客又来了 webber 播客是几个前端程序员闲聊的音频播客节目这次呢是一场技术闲聊这场是远程的和邀请到了韩老师来加入我们

Hello 大家好,我是小伙伴海老师,ASCGraph 的教授又和海老师来聊了,我是二话音比较牛逼的新宝头这次还是我和海老师的双人相声来快速 review 一下最近发生的一些有趣的东西之前也是找合适的话题和海老师聊聊最近前端 AI 又出什么新幺蛾子,出了什么新东西了然后这次就延续性的看到了叫 JavaScript Open Source Aware

GS 开源大奖这个榜单这个榜单似曾相识然后就找到了海老师我们一起来继续来延续聊聊这个榜单里有啥然后间谈聊聊前端 AI 最近又有什么新的东西对对新榜我们去年也聊过我们今年再来聊聊看看有什么新进展新变化嗯这个我刚才迅速找了一下然后去年的我们在第 62 期播客然后在 10 个月前我们呃

聊了 OSWR2024 然后当时的标题叫国际福德前端哪些作品获奖了当时也是趁着 ISPAC 当时获了个奖然后关注到了这个榜单 24 年的时候我们围绕这个榜单也聊了聊然后我看到新的 25 年也出来了

然后我们 24 年就大概就说这么多,25 年我们就准备来直接进入政委。首先问问海老师,这个榜单是干嘛的?然后他有什么背后有什么故事,或者说他从你的观感上他有哪些有趣的点吗?对不了解这个节目,不了解这个奖项,这个评选的听众讲讲。这个奖项,讲老师话我也不是特别清楚,好像就是突然就跳出来了有这么一个奖。对。他的,对。

他的背后的人叫 Get Nation,Get Nation 差不多的意思就是中国的极客世界。对,这个我从时间手上也大概会选的,比如类似于 6 月 8,这个年中就 6 月份 7 月份的时候会有这个 Aware,这个我称之为年中的一个小平选,然后咱以往关注的另外两个和前端有关系,

呃的榜单是一个 states of js 那个大部分是每年的年底年初的时候去参与这个问卷然后这算是一个比较大的一个呃怎么值得关注一个榜单吧也是能够看到一些趋势我称之为了解了解因为咱大陆用户国内用户关注的比较少参与的比较少所以我称之为国际服务的前端在关注什么除了这个 states of js 之外呃还有还有哪一个来还有一个 racing star 啊

这个也是值得关注我现在认为这个 Racemaster 也是他从另一个角度就是关注他他的维度一年来哪些

开源项目升星比较快然后值得关注也相当于三个榜呢有三个不同的维度一个是大家都关注的 States of JS 看这个大家呃常对这些工具的呃怎么说感知度和爱好这个喜爱程度然后 Rethink Star 就关注一些新兴的项目然后或者一些老的项目又焕发新春然后它的这个增长趋势比较明显也是值得关注再一个就是这个呃开源大奖哦

那个 OS 这个网址呢在可以在谷歌上去搜这个 OS 就代表 open sourceAWARDS 就 OSAWARDS.com 就能找到这个网站 OK 这是前缀信息那我们韩老师有没有看这个网站大概的感觉怎么样

这个我们的榜单一看就知道,一言难尽,对不对?我看这个榜单,我们就先不聊这个具体内容,看完这个榜单,我的观点是,这些东西确实有点心灵面孔,我恍惚以为到了这个 Racing Star 里边有些项目的,怎么说,

STAR 比 STAR commit 数都不是非常明显那它可能代表了背后的一些额外的一些评选方式吧看到了有些 STAR 和 commit 比较少的项目也出现了其中对这个去年的时候你这个说的其实就比较含蓄比较委婉比较含蓄我们都是闲聊我们其实可以聊得更开一点

这玩意儿是不是成了野鸡榜了,其实差不多,因为你看有些东西,我们现在这一屏幕上对吧,这个 breakthrough of the years,我估计可能各位观众老爷可能认识都没几个,实际上我也没认识几个,哈哈哈哈,

Rodon 和 OXE 其实这个算一个项目,对不对?因为 Rodon 其实是建立在 OXE 上面的,而且都是 Void 0 出的,都是读诗业出的,对不对?所以它实际上是一个,剩下几个呢,Skip,Ember,Polaris,Transformer.js,其实

我们基本都没听见基本都没怎么听见是是 OK 我们先还是过一下这个榜单快速过一下然后我也点开然后这看一下这些

commit a 数啊然后 contribution 打给这些基本情况对这个不了解这个人做一个快速的一个了解 OK 那我们先看 25 年 25 年的第一个部分和去年一样也是这个 breast of a year 然后这个可以称之为这个突破然后这里边呢这次提到了五个项目我们第一个项目一逐个来看吧第一个项目叫 skip 韩老师这个 skip 大概怎么理解它这个介绍或者说据你的理解它是个啥呀

我还真看过,因为他还上过 Hacker News 的头条,所以他还算是比较有比较流行的,也不能说比较流行的,比较红火的项目。他的意思是什么意思呢?我们前端有一种东西叫响应式嘛,对吧?我 reactive UGS 都是响应式,那你后端就没有响应式这个东西,那 Skip 就是把响应式带到后端,那相当于你有一个接口,

比方说你有一个数据有一个 user 用户然后他改名字改头像你每一次改动他都是会响应都会响应给你都会告诉你这个用户变化了你的数据库可以更新了你的换层可以更新了你的接口可以更新了他其实就是这个意思

哦 OK 那哎这个还蛮这个观点还挺有意思我们我快速点开这网页也快速说一下这里边的基本数据当然了这个奖这个项目获奖之后可能也会有一些最近几天可能也会猛猛涨一般死大然后就是截止到啊这个我们现在 6 月 22 号这个项这个时间点这个 skipper 在这 github 上死大是 1.2k 然后看起来也是一个新兴项目这个 fork25 看起来比较少然后 a 数是 58 然后说明啊这个至少控制数量控制的哎

还 OK 然后这个贡献者数量包括 Robot 都算上的话是 13 也算是一个比较新兴比一个年轻的项目 Commit 的话是 5400 多也算是一个提交这个次数相对比较密集的相比于这个 Stars 和这个 Contribution 来说 OK 刚才海老师提到这个响应式那如何理解刚才你提到某些数据发生变化了然后通知给前端它是并不是它是主动来推吗还是在某些情况下有变化

但我不知道因为他没有写,因为他的文档就是写的高山流水,然后就跟你说啊,我有响应式,然后响应式怎么做,不停,那你就不知道,这个响应式其实还值得买,蛮值得一说,就前段时间看到这个,呃,

前端写页面的那个 UI 框架叫做 FlutterFlutter 上也有了这个 Singos 类似的这个酷这个概念我看到那个评论我说啊这不前端很熟悉常见我们前端天天聊 Vue 啊这个 Svert 啊这个 Angla 就除了 Riot 之外的所有框架都在用这个东西吗

然后它也是个标准协议一看后端那些怎么说客户端同学和后端同学去观察的时候这个东西还蛮新我想同样一个东西在不同人群里边看可能这个接受程度的确是不一样的你仔细想想 Signal 这个东西其实在后端

后端运行的时候是比较困难对因为你的 signal 在前端你只有一个就比如说你的应用里面只有一个实例或者是有若干实例但这几个你的所有的 signal 都是在一台电脑上它没有它你所有的操作都是可以是同步的而且一般而言不会失败

但一旦你用在后端上你的 signal 比方说你一个数据变化了你要去通知所有其他服务那你一个服务可能会对应几百个服务那这个几百个服务里面你但凡网络出现问题那就有地方会那个不一致那这个就非常难做对在微服务情况下这种情况会更复杂

对有些时候你根本就甚至都不是 HTTP 系统的你你这些什么 redis 或者是 elasticsearch 也不是缓存所以你要把这些所有后端可能用到的数据基建的服务都要做一个

怎么说呢都要做一个这种 adapter 的层就是这种适配层让他来能够帮你做响应式的服务所以他整体而言这个东西其实非常难做其实相当于说在工业界或在实际生产中落地可能会有比较多的挑战这更多的像一个试验性项目或试验性的一个想法慢慢去做推广

你想嘛,如果你是一个响应式的项目,那你是不是你所有的,我们想响应式在前端怎么做,就是你有一个 signal,然后那个 signal 里面实际上它里面会带一个变量,或者说是一个成员变量,就一个 object 里面有一段内存,去保存了它那个最新的 snapshot,如果当你把这个,

概念推广到服务端上的话就相当于你的 HTTP 服务器也要变成有状态了因为它会缓存一个数据对那你就想那你就是一个分布式缓存要去做了那这个就非常难做了

这里边一定也有很多有趣的这个技术点和最佳一些有趣的一些实践这个也受限于咱并没有了解非常了解那个深入很多然后感兴趣的听友听友可以去关注和持续关注这一块我也看到这个 language 这个百花齐放 tsc 也有 share 也有 c++也有 cotlin 也有 python 也有

OK 这个项目我们就过到这然后我们来看第二个项目第二个项目我认为和刚才海老师也提到第二项目和第五项目可以组合来说第二项目是 Rodon 第五项目是 OXCRodon 是 R-O-I-L-D-O-W-N 然后我们也来看一下数据 Rodon 的话最近是不是已经到 Beta 了

对已经能用嗯呃肉档的话作为前端或者说围绕关注位特关注有些应该会关注的这个也会使用去关注在去年的时候又已经在不已经在不同场合去提出这个肉蛋的概念然后呃

经过这个不断的努力然后这个项目也前段时间也提到这个 Beta 了有了 Beta 那么可能 RC 和这个正 release 版就快了我们快来快速过一下这个 Star 数 Star 数在就是现在是 11.4K 然后 Fock 的话是 600 多也蛮多然后提交数的话是 3900 多 A 数的话 116 然后贡献者的话带上机器人是 133 个

然后这样的话以 71%的 RUST 为主然后其他的可能会有些这个对乔杰层和一些文档用有些 TS 主要还是一个 RUST 项目啊 RUDON 是啥 RUDON 可以理解为 RUST 的用 RUST 的写的 RUAP 啊对嗯

如果大家还不知道 rollup 是啥呢那就是另外一个版本的就 webpack 的竞品嗯对之前应该我们播客以往在邀请游泳汽的时候应该也提过类似的这些概念但我印象不深是不是他提过 rolldown 了说不定等今年 7 月份 VA 康复中国深圳结束之后能够邀请游泳汽来讲讲 rolldown 的一些进展和他的一些想法这个

这个我们可以简单的理解为 RAT 写的 Rowup 然后它的目标是希望这个构建的速度更快但是 API 不会有这个明显的变化尽可能去附用已有的这个生态和这些经验这样的话就尽可能的无缝的去迁移过来它的目标还是为了快 OK 这是 RowupRowup 其实还可以讲蛮多这个我们也就不展开了然后第三个是这个 Amber

这个项目海老师有观察这个是做啥的吗

哎完全没有完全不知道他对这个我我其实说起来我也是那个看了一眼之后没没搞懂呃我说一下为什么我们关注的少因为他这个这个项目就从这个链接点进来他是一个死大然后这个并不看起来并不太核心因为他只有 31 个 star 然后 699 个 commit 然后 a 数的话是零然后 fork 的话是 17 然后贡献者的话是 4 个呃这个呃

三分之一的 TS 版本然后三分之一的这个 JS 版本所以这相当这是相当这明显是一个非常这个那个早期的一个项目然后关注数和这个贡献程度也不是特别多我打到这个作者上面看他有没有这个额外的一个东西我理解这可能如果是安博的话他可以理解为一个 JS 库或一个 JS 框架

看起来 Starter 那就是和这个 Sol 的 Starter 一样或者说各种 Wit 的 Starter 一样那是一个交易价那通过它可以快速的基于一些模板去创建它看一下啊它是支持 Wit 的那看起来就是一个启用这个 Amber 的一个 Starter 库那 Amber 我理解是也是一个时间比较久也是可以称之为 JS 框架的一个

呃,竞争对手,一个玩家,然后可以类比这个 react,这相关的这个在国内用的还真是蛮少的,是类似于 vm vaper 这种东西吧,对对对,把底层的框框架运行时给换掉了,但但不知道他怎么换的,因为他也没有写文档,嗯,

是这个看它这个链接的项目也不是一个明显有明显这个文档的这个链接也是给的链接也不够好 OK 那我们来继续到第四个 transformer.jstransformer 的话在 AI 方式或者在后端的话用的还蛮火的然后.js 的话之前看看国内的一些分享也有一些布道师在国内去宣讲 transformer.js 是作者还是核心作者也去宣讲过

然后快速过一下数据它因为 Transformer 本身也是一个非常火的概念所以它 Star 是 3K 然后 Fog940 多 A 数 339Commit1700Commit 不是很多但是 Star 数和活跃程度很高然后 Contribution 是 63 其实规模算蛮小然后现在版本到了 3.5 然后以 96 的 GS 为准那是不是这个我用的不多没用过

对对这个可能还是算一个专专精之前有听他们去讲类似于去在前端里边去运行一些需要做一些这个推荐做一些 AI 的一些延伸的这个我理解不是很深嗯

我看到也是和基本用法和和 Python 放在一块这块更多的还是 Python 里边用的比较多或者做 AI 做 Python 的人同事同学用的比较多我印象中这个是可以运行在浏览器里边 GPUWebGPU 盖的那看来是 OK 这个我们也不了解就不额外展开了然后到了第五个第五个是就是 OXC 了哎韩老师讲讲 OXC 吧 OXC 现在也出 2Beta 了吧

对我看最近前段时间 OSA 怎么理解 OSAOSA 是一个工具还是一组概念应该两个都有它有点类似什么它就是 Ruth 热门的 babel 就是它主要是以 puzzle 和一些静态分析为主比方说你要找一个变量它的 reference 或者是一个 binding 的 scope 那你都可以用 OSD 来去找它

我看到了然后这个 OSA 它给的链接呢是直接放它的这个 GitHub 的 group 然后进来呢就可以看到它是一个 Linter 那可以对比 ESLint 那它也是一个 Parser 那可以对比 Babel 或者 SWC 那 TransformerTransformer 是指是特指 AST 的这部分嘛

嗯对嗯是那和比优比较像他转换电脑对嗯然后他既有 babel 又有又有 eslint 还有 format 比方说那个那个 pretier 嗯就相当于是整一个围绕于 javascript 的和 javascript 生态的一个一个一个转译器吧

刚才也看到有一些 reserver 和一个压缩器然后我之前看他的理念也是希望能够附用 AST 解析因为我记得之前他们的核心作者或者说之前的去步道去宣讲的时候也提到不同现在不同的工具都会自己走一遍自己的这个 AST 自己去解析一下这个圆满类是啥从而分析能不能压缩能不能格式化能不能去提供一些 Lint 的一些建议啥的

然后有了这么一套工具我知道之前的这个宣讲应该是可以复用一套 AST 这样不必每一套工具都自己去完成自己的事了那有些东西可以复用可能速度上解析速度上会更快然后作为一个打整体的一个项目作为一个怎么说底层的一个基建那也方便去做一些上层液封装嗯

这个 OXC 的作者之前也建立了一些联系博客应该有机会是可以和 OXC 的作者和 Rodon 的一些核心维护者后面展开聊一聊这个也期待我们后面在全部的在做进步的展开吧这个也期待 OXC 有进步的发展 OK 这就是提到了这个 Breeze of Year 然后我们来继续我们来看第二 part 第二 part 是这个科技使用者或 Most Exciting Use

这个咋理解最引人激动的技术就新技术对 OK 这里边也是五个项目六五个项目对然后我也来快速来过一下这里边项目都是啥关一关第一个第一个是叫 TS Blink Space 然后职业化 TS 空格 Space

空白的空格,它的 star 数是 829,fork17 比较年轻,a 数 13,比较少,contributor 是 8 个贡献者,192 个 commit,98%的 ts,看起来是以 ts 为主的一个小项目,新项目,它的 star 数和 commit 数都比较少。

这个翻开它的快速介绍也非常简单它明确就提到了它可以把这个 ts 比如我们写 ts 会写一些范形写一些类型这些东西是在 js 世界不合法的

通过这个工具呢,它可以把这些范型,把这些 ts 里边的这些特性,JSU 不支持的把它给类似于摇掉,把它变成了,替换成了空格。那快速的看到左侧的,上面会有一个 ts 的代码,下面有个 JS 代码,能够看到这个怎么说,行列数是 1 比 1 的这个复制下来,多了一些空格。海老师这个有什么作用?这个东西啊,就是能帮你做那个,

测试器直接跑 ts 嘛嗯我们在直接跑 ts 肯定要经过转移转移的时候你就要有 source map 嗯就是你要源码映射然后 source map 这个东西其实非常慢对对对有你在 transpire 的时候呃一般而言是很快的但他慢就慢在你要生成生成那个 source map 那我用空格代替这些这些类型的话那我就不需要生成 source map 了嗯

这个点一下就让我领悟到这个东西我一开始以为这个东西是为了让 TSC 更快一点然后方便去做后面的事以为是工具论量中一环但是一提到直接跑 TS 那这个就非常有用了而且我看到他的提到一些优势也是依赖小零依赖只依赖这个 TS 本身那这个工具也看起来也会非常快也非常简单

我看他核心提到了明确提到了是纯 JS 来实现的没有这个 WSM 没有这个二进制这些额外的这些工具他最主要唯一的目的就是把 TS 变成 JS 刚才还有些提到那因为他是 1 比 1 映射的所以这个 source map 天然的也不需要做

OK 这看起来更像是一个 lab 是一个小小的工具那在某些某些这个大儿全的工具库里边可能就作为一个小依赖这个也是关注它的使命和作用也非常明显 OK 那我们来看第二个 H3 非常小的这个 http framework 这个 H3H3SDA 数快都过了之前 SDA 过了 SDA 是 4.5K 然后

A 数是 49Commit 1000 多然后贡献者 120 多然后 99%的 TSOK 这个看起来也是一个怎么说也非常年轻非常新的一个项目然后关注的程度也比较多之前 Star 果哈老师对这个有印象吗

这个我讲一下这个其实你看他这个 contribution 这个作者头像你可能会演说一些都是一些 NAST 的老说人或魏有希的老说人

呃他他可以理解为就是一个简单的 node 里边的 http 的简单封装那达不到 express 的这个其实和 express 一样就是会做一个浅包装它算一个比较低级的然后再往上的话会到那个呃

它会基于这个 H3 再封装一层接一些常见的这个生态一个常见最佳实践啥的然后会包装成那个 Nature 就 Nature 是一个也是一个浮端框架会比这个 H3 更怎么说更现代一点更就功能更为齐备一点 Nature 呢是 Vue 里边 Nast 的后端

空间所以他们也算是环环相扣底级的 H3 或者最底层的这个 node http 然后有了 H3 的简单封装再有了这个 nature 然后做基于 H3 做进步封装然后 NAS 的在基于这个 nature 做的这个整个的这个 server 端

这个和他们 NGS 是一波之前也快速用过后来发现太底层了就用了这个 NITROOK 我们就提到这么一点然后我们是提到了这个 BRISIA 是一个全站的框架为 web standards 标准来准备的

我也快速说一下数据,STAR820,然后 A 数 3,COMMIT192 非常新,然后 COMMIT 有 8 个,然后 98%的 TS,sorry 点错了,OK 我重新说,STAR700 几,其实也没太大差异,STAR700 多,然后 A 数 45,COMMIT 数 3000 多,然后贡献者 17,然后 98%的 TS,是一个 TS 项目,也算一个比较年轻,STAR 数比较新,

刚才也提到了 web framework 又一个 web framework 然后也提到了 web standards 又一个 web standards 韩老师对这个有印象吗

完全没有对这看起来是明显是一个非常非常新然后上面也提示了现在还是零点几的版本那肯定不能保证这个 API 的稳定性和迭代不会产生不承诺不产生这个怎么说 break and change 这个我就快速移过吧我看一下首页看一下它的图标它的图标是一个圆圆的风暴

我刚才提到 framework 是指我们现在比如 node 里边常见的 qa express 这种比较早期的和现在的比如说 hono 或者说棒里边那个之前何海老师也提过的那个作者那个什么 ec 了

然后他们也都是基于 web standards 也是基于这个常规的一些最佳实践的 OK 也是提到了反写一个函数就返回这个返回 p 标签返回 http 一样也是支持 tc 那和以色列比较像也是接收这个对外的输出的这个框架全站是一个全站框架可以直接返回 gx 现在 gx 啊

可以理解为 HTML 了

你都是 JSX 的那我为什么不用 LAC 的 JS 对怎么说可能对我认为也是大家也是分拨了对纯前端的用途你的这部分可能对服务端老哥了解纯 HTML 写 HTML 比较老或者说某些情况下需要写反这个静态数据那大不了再去接 HTMLHTMLX 嘛

OK 然后我们是到下一个 WASP 它也是一个全站的这个 level like PHP 这个 PPP 领域的 level 全站框架 framework for React Node 那看起来对那个它是一个 web framework 你看它提到了 React Node.js Prisma 就是做一个全站框架了然后它又是对 PPP level 用户比较友好

构建你的应用用最佳实践开箱级用部署简单一键一键部署看起来也是一个 web 框架它的特点可能是吸引潜在的 PSP 用户或者熟悉 PSP level 开发的一些用户

看一下有特殊的吗它是一个特定的后缀它名字不叫 JSTS 叫 WSP 范式也是写了一个特定的语法算跟 Prisma 差不多一个 DSL 定义了如何去写定义了个名称定义了路由定义了页面定义了 Prisma 的数据库的 schema 然后用户去写这些数据

然后就用它来编译交付的是前端产物后端产物和部署产物看起来也是一个如他所说是一个前端框架然后也有些特殊他前端后端部署会着力去做了这个就不额外展开了然后是我们带来了第五个 FORNTAINE 这个是一个框架原子框架构建 CSS 自动去除布局

可能是这算啥运行时编译的时候去检测 css 去把它摇掉吗还有是对这个原因快速我快速说一下数据 commit star 1.8k 然后 A 数 19commit 630 多然后 19 个贡献者然后

84%的这个 ts 那看起来是一个库这个我一看这个 ngs 那就不意外因为我看见这个丹尼尔也是那死的那一帮人就是 ngs ungs 这个这里边的看来他也是一个那个常见一个工具库定位是一个工具库他提到了这个是基于字体的他我看一下他能做啥

是不是用到了一些新概念可以我们去大胆的去使用各种简化或者应该是他提到这个 CLS 了那看来是前端去渲染的时候避免这个字体猛的闪动一下对他下面有说那个有说那个他到底是怎么做

OK 看到了他写了两段上面一段是写了一个去加载了一些字体加载了 ABCD 四个字体然后下面的话他出了 ABCD 他这个最后这几行是不是新出的这 CSS 的范式 CSS 的规则没见过没看出来是干嘛的

至少看起来是从 URL 的方法改成了这个 local 去包装 local 可能是一个最近的 CSS 新出的一些方法特性然而新增了几行这个字体 92%的百分比 24%的百分比那 overrideOK 这个确实不太了解那回头他也没给一个更明显的一个截图上 OK 这也是一个小小的工具库

这个就讲完了那我们回顾这五个贴字 blink space 是一个 labh3 也可以称之为 lab 然后这个刚才贴到这个字体也是一个 lab 那中间的贴到这个 BASIA 和 WASP 这两个是一个 web framework 看起来都在意料之中也没非常明显的一些新奇的一些玩意儿

还有一个这个大家都说了应该 1010 stack form 然后是一个 headless 性能好的类型好的状态管理的可以给 reactviewangularsoldandlet 准备的 formform 表单

它是一个库哇 海老师对这个熟悉吗我快速先过一下数据 STAR 5.8K 很多然后 A 数 92 比较少 COMMIT 1300 多然后贡献者 151 多 151 还蛮多的然后 97%的 TS 是一个纯 TS 项目

提到这个 form 之前咱在听友群里也有人提告说在写 react 里边去处理 form 这个表单这些场景然后用 tan stack 非常舒服然后可能用很多人是基于了解这个怎么说这一套组件这一套系列是从 form 来入手的很多人可能就是从此来入手的

这个应该最有名的就是 curry,但我没有研究过它的 form 是怎么样对对,这个也就是向文的额外议题,刚才提到这个 form 其实一个特点就是支持的库非常多,react-wheel 都支持,那就是三大框架 react-wheel,angular 都支持,然后新兴的这个 slot 和 late 也支持

那这里边就不得不提他背后的这个网站了就是他 Stack 这个怎么说 Family 这个大家族打开我们打开这个官网大家可以看到他现在可能有不同的人在用不同这个方案刚才哈老师也提到了有 Router 有 Query 这个对这个

react 用宣示来说可能会比较熟悉尤其是呃现在这个 react router v6 v7 变化比较大这个呃他又和这个 remax 就是又又从呃从简单的这个小工具变成了一个框架往往集成方向去走可能有时候也关着了这个呃 router

之前去看哪个来着也是支持很多工具也是除了 Vue 除了 React 之外也是支持 Vue 的也是支持各种库的哇这个系列还是蛮多的那它有它的 start 体系那有 root 有 query 有 table 有 form 然后还有一些 start 状态管理我看后面也在做 db 这个 db 它是要做啥这个 db 叫

也难尽了他是围绕 Circulate 去做封装吗还是 Circulate 还是 Postgres 他这个做着也非常勤奋然后东西也非常多然后也能吸引到不同的用户说不定有朝一日他很多越来越多的工具出现也越来越多的怎么说全战化如果新时代的

red 选手,vale 选手去入门的时候发现用了他那可能用着用着发现写需要写 vale 的时候也支持这个库可能就顺手就用了那个范式和习惯的这个依赖还是大家还是非常就是怎么说还是非常强的继续附用以我的经验和附用一套东西可能还是蛮蛮舒服的 OK 这是

刚才提到的这六个这六七个六个 OK 那看起来前五个都常规第六个就是一个老朋友算是快速的讲了一下 OK 那么来继续还就是来到了这个怎么说效率最好的项目提升效率对这个程序来说那现在提到了五个看起来也没有很多新面孔 OK 那这五个第一个分别是 ZOD

ZOD 哈老师这个了解吧这个太了解了简单太熟了所有人都有对 Star 是 38K 然后 A 数 460 多然后 Commit 2400 多然后 434 个 Contributions 哇 惊人的这个贡献程度然后 86%的 TS

这个我之前去探索比如你无意间去用去想到说 TS 只能在编译器运行这个编译写代码时候用呢在线的时候能不能去教练呢可能就想到了 JetScam 然后就去搜搜来搜去可能会搜到了 ZOD 的一些竞品那我感觉 ZOD 最近又火爆一批是因为 MCP 或在 AI 里边大家也去用它

对那真的是一定要乘上 AI 的风才行我觉得我的爱真的太行

对 ZOD 也是我日常去使用的一个基本工具了有了它怎么说不同的人有不同的用法简单的话我们可以理解为它是一个在线的一个类型校验我们去通过 ZOD 去规定一个入餐是一个 String 它在写代码的时候就像 TS 一样能够推出来必须要 String 如果在运行时如果传出来不是 String 的话它也会迷路它的这个基本逻辑去做一个

回退做一个判断也像一个在线版的 ts 那刚才也说了在 ai 领域在做 mcp 的时候就啊啊 sdk 里明晃晃的就去推荐使用 zod 那去基于 zod 去

呃写快速的编写一些代码然后后面也可以转这个 json skimmer 那就和常见的这个给 AI 讲的一些工具因为很多东西人看起来会非常难读但是机器读起来非常容易那 ZOD 也非常火当然最近也出了一个 V4 最近我也始终在用那 V4 版本也有些新的一个概念那

增加了一些新的功能也做了一些玻璃他现在提到了一个怎么说做尧数做的更紧更更容易了因为 ZOD 他一般上基本上就是引入一个 Z 那去实力化不断的去用这个像 JQuery 一样用不同的点去去点这些方法那产生的后果就是不容易去做 trade shaking 那微四版本的一个一个叫 core 版本里边就去把它做成了一个实力化这样的话

改成了这个函数式的写法这样方便去做一些 trickshaking 然后让这个体积更小更进一步的小 OK 这是一个 ZODOK 接下来是一个 HappyDom 这个看名字就人入其名了这个哈老师有用过吗

没有只用过 JSOM 但好像和 JSOM 还是有差距对 Hepdom 3.8K 然后 A 数 190 多 Commit 2000 多然后版本是 18 然后贡献者是 140 多然后纯 TS 的代码这个也算是比较新我记得他也是有他的使用场景一般情况下可能用不到他的描述也是

JSweb 浏览器的 JS 实现用用这个怎么理解 interface 和图形就是

我做一个无头的浏览器嗯嗯对这个最的最最常见的使用场景还在做单元测试和进程测试的时候那么并不期望用户这个真的用浏览器起一个 chrome 去渲染一个页面那去这哪再去拿真实的结构我们用 JS 来模拟一个这个道母他去有这些方法然后去做组装做渲染的时候也能拿着这效果这个再做呃

快速的单元测试那不是做一头一测试的时候用的还是蛮多的也是做一个那个基础的一个库不知道这个最近提出来是怎么是怎么又把它给发出来了常见的东西用法也是这个 VTX 的 KBARJES 的这种单元测试里边去用对感觉也就是在 Headless 里边去去渲染做做一些数据的渲染那个 HTML 的渲染

OK 搞不好不是就就比 Headless 肯定要更轻嘛就更快一点对对对这个其实无非就是快和慢就 Heavy DOM 比 JS 的 OM 要快 JS 的 OM 也是一个和他一样的东西然后 JS 的 OM 又比 Headless Chrome 要快 Headless Chrome 又比 Headful 就是你真的是去渲染 Chrome 的又要快那无非就是快和慢的差别好功能多的少的差别嗯

这个刚才提到因为它大数小也是因为它在一个测试领域然后也不算大众都去用的 OK 然后来到了这个这个还有时候念吧 STRI CLI 它是一个开源的框架去构建类型安全的蓝加载的 CI 应用使用 TS 那和 Commander 比较像了或者说和反正就是写 CI 的呗

就是 CSI 的一个包装常见的参数解析然后类型补全这些基本的东西他刚才提到最大特点就是类型安全我写的时候会比较轻松比较愉快然后也写的更容易一点

那他的四大数 Commit 75 很年轻四大数 800 多很少然后 A 数的话 6 个很少贡献者 6 个 OK99%的这个代码这是一个非常新的一个项目

我让我突然有点恍惚了主要是写 CR 时不时的会冒出来一个记得写 VIL 还是写 VIL 的时候它是用来也是一个依赖比较少的可能是零依赖还是一个一依赖的反正希望这个 CR 就是还是要轻量化现代化一点吧

OK 来到了这个 CAWLE 看明显是个爬虫是一个 web 的爬虫空话架给 JS 和 Python 准备的 JS 和 Python 都能去用难怪看着眼熟可能在 Python 里见的比较多

这个韩老师之前有印象有了解吗?完全没有。看起来是做爬虫,也是感觉也是在 AI 火了之后,大家越来越必须要去用了。刚才提到它是一个用 node 来写的这个爬虫工具,可以来去做一些自动化的这个东东东花的工具,ts 可以提取。

最大的用处就是我们推出来一个基础模型它肯定是没有联网的要做联网功能就必须要去做爬虫又做搜索的时候又不会去真的去引谷歌和百度那肯定还要引爬虫那爬虫的话那就需要兼容常见的这些结构呀

这些这些东西那就有一个爬中库这个工具呢又是同时支持 JS 和 Python 的那 Python 用户大家用的好 JS 里边这些 API 和这些基本概念也可以继续去服用也是个蛮一个好处蛮好事感觉有点像那个微软出的那个 Playwrights 似的谷歌 JS 和 TS 都能去用大家各取所需你写爬中也好写 e2e 测试也好反正都能自动化的去驱动浏览器做一些事情

即便使用默认的配置你的爬虫也会看起来更像人类啊 user agent 和一些常见的一些 hack 一些封装 OK 这也是明显是他也提到了 IRM 也提到了也那

如果我们再做 AI 做 agent 做 AI 的一些产品这个库看来也是少不了的那做爬虫做数据的爬取和一些提取他也提到了除了这个 HTML 之外 PDFGPG 和其他文件也支持 OK

看起来也是能够去简单除了但看起来除了单纯的 html 除了我 url 这个域名的内容的解析之外可能还支持 html 各种不同的这些常见内容格式因为 rm 大模型还是指认为美吗 ok 来到了 farm 好这是一个老老熟人也是一个新东西这个蛮久了其实也

FARMA 数 170 然后 star 数 5.4Kcommit 数 1100 多然后 58 个贡献者 66%的 Rust 是一个 Rust 的项目名字呢也是这个 Wit 兼容的 web 构建工具用 Rust 写的 OK 和刚才的一个工具很像这个背后也是阿里系的这个我描述的精准吗没有

没有这个作者以前是字节的后来去了阿里后来又成为了字节 OK 原来如此

怎么说呢就是我认为也是嘛就是互联网决同总有自己的这个业务场景就像 WiPack 我们有些依赖就像 ISPack 至于 WiPack 一样那每个大厂或每个特定的追求极致的场景总会去优化去做这个特定的事情希望它发展越来越好吧可以理解为 WiT 的

Rust 版本在 Rodan 之前或者说和 Rodan 是这个竞争关系或者这个同类型的一个选情选情方案那肯定肯定那肯定就是庶民了那肯定肯定不是迪戏嘛 Rodan 才是迪戏对不对对对对 Rodan Beat 才是迪戏

嗯也看到怎么说啊 SPEC 然后 Rodan 这些都在往 RUSH 转也都非常顺利也都是能够对了很多人力和花了很多精力去做维护也做得越来越完善越来越好了那新兴的前端也不知道他还能活多久反正新兴前端现在也至少越来越舒服他也提到了一些呃

跑分 benchmark 和背包比和 weight 比和 aspect 比和和自己比看起来这个发布的那个表现还是非常优秀的好的东西怎么说优秀的人工人这个员工会人才会流动这个好的这个技术也积累也会互相流动

OK 这是对开发来说效率提升工具啊这印象最深的还是刚才我多嘴了几句的 ZOD 就是 V4 最近在尝试在学习和使用感觉 ZOD Z4V4 不升级用一辈子用 V3 也没问题就跟 Telvain 那是一辈子用 V3 也没问题但 AI 写的实在太快了 OK

然后刚才已经慢慢提到了一些 AI 了那 HappyDome 也好这个爬虫也好其实都是在为在 AI 里边去做做东西会方便一点下一趴就专门提到了 Power by AI 来提供的 AI 实在太火了那我们播客前段播客也绕不开也没办法因为 AI 火起来首先干掉的因为代码写起来实在

太有规律了相比其他人类的其他公众来说那程旋写编码 AI 做的太火 OK 那 AI 不意外现在也提到这里边几个选项也都是围绕 AI 相关的第一个名字人人入侵名 microagentmicro 小的 agent 那就是 AI agent 真能体国内翻译的奇光千奇百怪

快速挂下数据 呃 四大数 4 的 EK 很高 然后 commit A 数 39 commit324 很年轻然后贡献者 15 个 98%的 ts 是一个 ts 项目 也是一个比较年轻 四大数还蛮高 呃 一个 aa agent 然后 that's just cause for you 写呃 给你补全代码的 或者说给你写侧重代码哦

这跟 Cloud Code 似的,诶,没有提 Cloud Code 啊,

你还是付点钱吧哎天呐哦天呐咱们咱们咱聊一聊克拉特寇的哎我快速说一下我们刚才为门笑了因为这里边提供了一个截图非常直观的展示了这个 Azint 是如何来使用的他在在这个中单上快速的去写代码然后刚才也有些交互式就在告诉他在哪个阶段啊

终于有一天前端程序不用打开 IDE 了那可能真的是打倒 VS Code 的不是不是那个那个怎么说打倒是 A 的永远不是类似 A 的东西 OK 还是快速过一下它是一个 agent 写代码的看起来跟刚才提到的 Cloud Code 似的那就是希望在一个终端一个输入方无论你是页面也好是终端也好去写一些需求描述一些事情让 ALI 辅助你完成

传统的 AI 工具生成代码代码是否正常正常的话就编译不正的话就有问题那如果使用它这个 MicroAgent 的话先生成测试这是这非常好也是一个最佳实践先写测试然后生成代码测试通过了吗通过了的话就编译 OK

合理这个概念挺好的或者说这也是后面的怎么说要和 AI 打交道要和这个不爱要和这个随机性比较强的 AI 打交道还是要测试优先怎么说我们现在用 AI 也是测试优先有保障性嘛

这个在 devin.ai 里边其实他也如果用过的话他也会明确提到就是我可以帮你写代码但是你必须要告诉我如何来编译如何来 lint 如何来这个 test 就是 lint 和 test 是必须的一环他这样久了这个 lint 和 test 才能保证代码能跑跑起来也正常

OK 这是一个基础的一个工具 agent 说简单也难说复杂也复杂看起来怎么没有 Lama index launch 看来去年讲过了今年不讲了其实已经讲过了研究不太好再讲好吧然后我们来到第二个第二个是这个 Bouncer AIBouncer 浏览器 OKWeb GPULM 它是用的这个它是用的这个 Chrome 自带的 AI 吗看见了

webgpu 加速的 im 他是用 webgpu 来好吧先看一眼吧这个是啊 computer 数 200 多很少然后 4 大 1.1 然后 a 数 30 呃贡献者 8 个 98%的 ts 也是一个新兴的一个比较年轻的项目 run local 大模型 like a llamadeep seek 然后 and more inside your bouncer

哎这个和之前不知道是不是同一个东西就是在因为嗯

用在端测是能够跑这个大模型的可能就是用一些这个尺寸比较小的之前在国内的那个面壁他们就是专门只做端测的就在电脑测用户测不用云端算力只用本机算力去做这个 LM 的在 Chrome 高版本最近的这些版本从去年开始就开始放出了这个基于他应该是用的这个应该不是叫这么的他们开源的叫什么来着

币源子叫 Gem 呢开完的叫对对 Grammar 啊 Grammar 是开源的它里边有些小尺寸的什么 0.6B 1B 就比较小的就可以跑在浏览器里我记得这个 Chrome 里边就已经一百十多已经开放了那个这些功能了去打开那个选项之后好像会下一个 Nano 就是一个小尺寸的 AI 就可以完成一些简单的翻译

呃文本的总结文本的续写一些简单的一些基础功能这有一个项目因为网页专门去跑的这个可能也是呃他可以通过他可以完成一个 chat 啊聊天 voice chat 和语音聊天啊有 tts 的呃 test to speech 啊 tts 对

它用了它是一个封装吧看起来你看它这个 TTS 就是文本转语音就是对那个 AF 它只能返回文本吧然后文本转语音的时候用了一个酷 Power 82 兆

看起来是一个百分之百的自由那回头可以感觉可以跑一下回头跑一下这个还蛮有趣的特点就是在本地可以断网断网的情况下用端侧的这个算力去跑这个常规的在浏览器里去跑这个我们甚至都没有打开看一下看一下能快吗快的话就体验一下也是一个非常年轻的项目这个我有点恍惚不知道之前有没有体验过 OK 那现在慢慢打开我们来继续 AMURES 那后面啊

OK 还是看一下 OK 这是一个人工智能伙伴可以思考自我塑造二次大脑做会议这是啥看来这说我跑哪来的这是一个插件它是一个世界上第一个会议 Copilot 会议助理平衡你的工作生活它是一个 Chrome 插件是一个浏览器插件然后专门做 meeting 的做会议的

这会议做 meeting 需要啥呀需要语音转文本需要一些提示方便面试悲书妙计 Google Meet AI 全都能做啊

OKOK 毕竟这个会议这个场景还是蛮需要的一个是首先需要语音转文本在一个有了这文本之后方便让你的会议做一些複度或者做一些分类快速做以往他说对专门指定人去写这个会议机 OK 我们打开这个刚才提到的 Browns AI 了加在一个 78 兆或到四个 G 不等的

模型加载之后就可以漏的模型漏的模型之后他这有些状态可以进行一个 ai 对话啊这个还蛮有趣的我们试一下 use web worker 呃我下一个 use web worker 我没看到左侧右侧那个选项选项旁边就有 use web worker 哦哦哦哦哦哦也合理嗯这能做啥就是在他又纯算吧算完之后反给前端前端不卡

感觉我对我感觉好像用过似的有类似的嗯这个看起来和那个谷歌的那个特性没太大关系呃总之就是用 cpp 或者用用 wsm 去编编完之后在浏览区跑着二斤制刚才提到了 web gpu 啊在这里边去算这些哎没进度我可能需要翻墙一下 ok 先挂着吧 ok 我们来继续啊 followsfollowwisefo

Follow one 少了一个 WDrop and 拖拽的 UI 去构建你的自定义的 LM 工作流那不就是字节扣子对 N8N 怎么没有对 N8N 没有获奖的 N8N 开远吗开远的反正至少能自托管的那就是没碾着它

OK 吧今年可能没上去好吧因为刚才我们也提到了这个一看这个 follow 的话就想到扣子了扣子因为它里边能够去做编排就是相当于我们把一个复杂的任务让 AI 来完成任务进行一个编排对这个代码这个页面中也有了和扣子一样和 define 也一样一套吧类似的东西那就是我们去拆分这个任务每个节点可以自行的去

做不同的工具啊他哇你看这个 AI 工具现在 tool 不叫 tool 叫 agent 好吧也是个多多的多 agent 呢可以复杂面对不同的情况我有点免疫了是看得多见得多了就去听啊这个这个这个东西是啥呢在这个页面中有一个快速一个 demo 然后提到了就是可以像拖着花布一样嗯可以理解为 antway 里边的那个

流程图端点端点端点之间可以连线那它的样式比较好看开始之后可以有些这个交互层那一个弹窗弹有了弹窗之后对外交付 AI 的时候就可以说去做这些 AI 的这些 agent 能力去填一些对应的 KIA 那些能力去模拟去调用这些大模型最终呢用户的输入能够达到对应的输出或达到对应的这些作用它呢只需要按一个全局按一个

依赖 follow usf l o w s e 就能把它给起起来感觉和一般人很像这个可能还蛮好的因为它至少它怎么不是是开源的

哇,Star 数 40K 好高啊,Star 数 40K,还是得做 AI 对不对?天哪,Star 数 40,A 数 530 多,3000 多 Commit,然后 237 个贡献者,然后一半的 TS,一半,三分之一的 JS,那也正常,看来是 TS 为主的一个项目,哇,还是得做 AI 啊,

3000 多 3000 多对一个项目来说主要主要它还是比较具象它不像一些工具库工具在底层你体面可能再多大家不关注你但像 AI 像界面它带界面也带 AI 这个起飞也很容易回头还是试一试说不定比 M8A 还要好至少 M8A 没有上榜

好吧至少 AI 创业或者做 AI 相关的私有化部署这些绕不开这些东西对这部分做流程感谢有需的朋友可以关注一下 OK 我们来看下一个 Azure 这是啥 Parfour 工具强大的工具把代码打包成一个 AI 能处理的单文件 IM.ts 吗 Drt 吗把代码输入给大模型它是绝佳的选择

又是 AI 和 AI 讲那其实把一个东西置入库喂给 AI 现在也算比较成熟了做 IG 也好或者说全丢给他也好有什么现在前段时间比较火 LM.TXT 这个是干嘛的我看一下他的工具刚才提到了也适合做一个交付的看起来像一个开箱机用你把网址或把一个东西丢给他他就能自动去交付一个东西

启动一下这个依赖或者全机装一下装完了之后一起动启动的时候启动的时候就跟就跟 S3 group 一样把这个工具启动起来传递一些参数来告诉它要检索哪些文档它本地比如本地的 markdown 然后可以做一些过滤也可以传一个 remote 传一个网址给它然后它会处理一下交付的是啥我们都没有跑一下回头跑一跑试试吧

交付的是我的吧对但我就不知道他交付的是啊交付的是一个有格式的文本还是一个爬虫经过一番这个东西 markdown 还有 structure xml 那这个开箱经用还蛮好的 style plan 他这 unit style 像 plan 的话就能提出

这个就有点像前面几个工具的封装了那做完 IG 这个人其实就非常明确这个感觉可能大家可能有需要这个就是可以指定本地的数据源也可以指定远程的网址他能自动去处理处理完处理解析这个数据可以返回为纯原本那接下来就可以交给 LM 去做进步的处理是一个工具然后 into single 也

兼容的文件啊就是输出一个文件哎这个蛮好的这有点像这个拉曼因代斯呃最近我也想额外展了就跟那个呃康泰斯 7 一样的那引一个大大的文本然后交给 ai ai 去快速学习你给的知识这样的话不让他自己去学这个还蛮有趣的有 agent 有这个呃刚才提到 all in one 的一个工具那在网页端可以端测运行的这个工具能力那

OK 的工具还是蛮多的没完的还有一个工具了 Community of a year 这个海老师熟悉吗这个我们就肯定不熟悉了这个就是外国人开大会对外国人开大会两个

我们肯定是你知道 OKOK 行内容咱就其实过完了这个这些主要是最后一项我们都不说也就不额外展开了基本上都是一些大会那我们快速刚才过来一些 25 年的一些这个开篮大奖前半程我们感觉这层我们有点平淡就是没什么非常一样我们想到了好几个点都没上榜我们讲到了这个 Breath of Year 哈老师有你那边有材料每个奖项的冠军是谁吗

啊这一个是柔道嗯柔道是柔道做了冠军那基本上也很而且非常正常对然后第二个 exciting use of technology 然后是是杂杂的啊 test stack form 基本上哪哪个啊 form 啊也合理这个也很正常嗯也很正常然后这里的话就是杂的是是冠军啊哈哈哈哈

那那那那必须的嘛那那只要用的最多嘛嗯还有 power 的吧 ai 嗯 ok 二位也就是 micro agent 因为因为其他其实没没没怎么没怎么知道就 flowwise 我觉得可能是我猜好像是国人做的哈哈哈他还有新兴处很多然后特别喜欢做做这种地带马一样的东西一看就是酒精酒精考验对不对嗯 ok 啊

也快速过完了刚才我也提到就是之前和海老师快速过这名单的时候也说这次榜有些不太带劲感觉 AI 家前段有很多新兴的玩意儿但是提到这些东西也有很多老面孔新的东西也不够攒劲

是我们也有可能是我没就是有可能我和海老师日常在追 AI 的一些新闻可能不惊讶了那如果咱没去关注 AI 用的比较少的话可能有些东西还是比较新鲜的流程图呀然后 AI 的这些 RAS 的写的这些工具又是新的这些 web of standard 的标准的这个全站框架呀然后也可能是用的多见得多了

但说实在这几个其实没怎么没什么人用,成前端的东西其实已经没有什么特别大的,没有特别的 breakthrough,对吧,除了就真的就除了这个 roll down,其他基本就没有什么 breakthrough,

对但柔道的话也和前端普通的 JS 工程师来说也像也也有点远了然后他们是用 rath 来写的最终我们还是能够从中受益但是可能也是绝大部分人还是不会去跨语言甚至说跨框架去学另外的东西的更别提参与贡献和讨论你在看一些其他的这些这些新框架其实你和

Express 如果没有什么特别就有什么东西你比 Express 特别特别强那如果没有的话那你基本上就在 AI 时代你基本上就没有就没人会用吧对吧反正都这代码也不是我写的对不对对然后写出来的效果可能也差不多了那那我我直接让 AI 写 AI 肯定用 ExpressAI 肯定不管你这些东西嗯让这让我想起来曾几何时我们学这个

学这个 node 的时候一般会说 QA 扣和 Azpress 去比一比比一比

现在已经不用比了对现在怎么说对大家太无脑了就是大家你不需要去思考很多要怎么选那其实大家喜欢的还是框架就像 nice js 一样我们就不要选选这个选那个你给我一个给我我就用大家都说好的大家就去用我现在比一下 qa 和

Express 我感觉 Express 应该是已经断层的领先了不会再有人去讨论其他的这个方案了即便我们提到了会有 Honor 还是会有对但我比如说比如说这个那我们加一个 Honor 吧

就我感觉不能同日而语了就是打败 Express 肯定不是和 Express 比较类似的东西那他也没出重大的新闻重大的问题大家就会继续沿用他大家越继续沿用他写代码越多那 AI 就越偏向他那怎么说用的人越多越熟悉就不想去学新的 API 了我们打开了这个

Hono,Kowa,ExpressExpress 显然是数量级的差异那 Kowa 和 HonoHono 也低那个相比的相比的相比的这个其实也是之前咱博客里也提过 Express 也出了大版本 Kowa 也出了大版本但是也不来不及了因为大版本也不会有明显的新的这个

大的一个变化了为了兼容性也不会也会有一些历史包袱也不会也要兼容历史的这些东西之前有一个点会提到说 web stand 的标准就是希望其实也不外乎就是 response 要去附用这个概念嘛那之前可能有自己的自定义的 response 现在大家都要使用同一个 response 这样去附用这个概念然后大家写起来也更容易那看起来也就这些这个其实是不对的

就就 response 这个概念实在是太你跟别人一样又怎么样了那那你的 response 又不是有类型的对不对你你你跟前端你跟前端难道让他你传一个 response 过去然后后端传 response 过去跟前端说哎你这个 response 你自己解自己去去 serialize 那那这个实际上是不对的就是你嗯就就 response

可能让你能招揽一些新用户说我这个是 standard 但实际上 standard 的是不是 standard 的你在写框架的时候你不用去

关注的其实应该是一些什么我这个东西好不好使然后我这里面后端增加了一个 breaking change 前端是不是一定能改上然后这些才是更值得考虑的事对我现在也有种感觉就是我们提到全站框架或者说 server 端的框架也不外乎就是

去年还有 winter ts 呢 winter js 呢就去提往 web 标准上去靠简化一些新手的学习的概念然后对老手来说有的东西能继续用然后我们以往可能用 ts c js 写的现在转成这个 per esm 啊

用纯这个新的这个 JS 模块方案来写然后 TS 怎么说类型安全也去加进去然后再往前的话就像 Hono 就像 Hono 和 Isla 提到一样就是 Human 就是人类符合直觉的那快速的去声明入油去返回那返回的时候加一些 JSX 那在搞来搞去还是 MVC 那一套那可能最近是不是

这些框架用这个装饰器用用注解的比较少了除了 NASJS 这里边也是我感觉也是差异嘛就之前以往会说 class 装饰器 class 加装饰器那和纯不能偏函数式一点那两个阵营我认为也是 NASJS 是不是也比较靠近 NASJS 能和他们一块比吧能和他们一块比不是一个

看一下吧试这个吧试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试试

NAS 的我对现在 NAS 主要是我用的少也是局限在我的这个思维框架里那我认为你看刚才提到的 Kaowa 也好 Hona 也好 Israel 也好我们提到一些个现在这个框架他们都会不走怎么说我称为 JavaSpring Boot 那一套 Class 加装饰器但 NAS 这次加不出 4 大是真多 13 万其他加起来都不到 13 万

但用的并不多但也是比较高了至少比 COWA 比 Express 要高不不不 比 COWA 比 HONOR 要高第二吧至少是至少这几个里边的第二最近这个 OM 也没提啊也没什么好提的这个 VSUM 也没有好提也没有新东西对然后

追什么什么什么 drabledrable OM 也是一老东西对对也是老东西也没什么问题了就就没有办法

对因为它比较稳定了你像像这 OM 也被全然框架去做融合做做一等的去做推荐那简化感觉也到了这个时候了就是最佳时间都有了大家去做整合整合来整合去然后大家也慢慢的去分流慢慢的呃大家都去搞来搞去可能还是去用那次 JS

我觉得还是怎么说呢新时代还是多看一下 AI 对吧因为尤其是做工具开发的做 MCP 可能更重要我刚才选错了我想说的是这个肯定比 Nex 还要少红色了红色我可以干掉蓝色就是假的比 Nex 对吧这个 Nex 没有 Starshot 看起来不对 NexCore 吗

天呐对就这个吧那就这个了 at next scorenest score 没拼一下在这第三个第三个啊也和考我差不多成色还行还行但这个哎这个没得说感觉哎我对于我觉得后面的这个世界尤其是 as 时代这个全战 express 也已经

我之前认为他可能是有些政治正确或者也狂热在但架不住大家都在用这也不不不再区分骂不骂好不好了对你就没有什么好坏就大家都用这个东西你就用吧对对对这个已经不是技术单纯技术领域技术这个体验度了虽然他有各种作用的点但是架不住大家都在用他也

现在怎么说大家都在用也在用喂出来的东西后面还会喂给喂继续喂给那以后大家还是用用这也是也是好事有时候我去看呃

一些评论这个 NASJS 这个说又怎么好了一些跨元的副端老哥们去考虑好事也是好事有时候我去想说 Java 系列的老哥们经验值可以持续服用去把精力省出来去搞一些别的也蛮好的对确实尤其是这种现在你在做什么前端工具其实

尤其是在做空心框架,你就很难再和这种大行家比,因为你不仅要服事好用户,你还要服事好 AI,甚至服事好 AI 是更重要。对,我们刚才已经点到了 cloud code,可能也比较新或者说有利益相关,他没加你去,我认为

其实应该可以加进去要加进去它才是未来就像刚才提到的 Cloud Code 是啥呀是从我的角度看它按你它是一个 server 一个终端 server 那我们面对的不再是 IDE 了不再是这个 VS Code 类似的东西了那是一个终端我们去告诉给它打字告诉它一来怎么选它来自动的去

选择模型自动去拆解任务自动的去完成任务那你需要做的只需要按下回车之后打开个网页去看网页或者刷刷抖音嗯是啊这个这个过程有时候有时候觉得哇也很奇妙我都是很难去想比如几个月之后那大家进步的去接受和理解习惯这个类似这种终端 Agen 的方式之后

按一下回车之后去验证一下,刚才像刚才说的先写个这个某些小框架,还有说 ts 先行,那需求拆解完了,ts 类型写完了,就是代码框框写,哇,这个前段做的事情越来越多,对,尤其是你以后要要做也不止前单了,你以后所有所有开发可能都这样,

对,你以后如果有新的需求或者是新的框架新的工具肯定是要先考虑你怎么样用在这个 AI 的工具流里面对,这让我想起了一个场景他们之前看谁发的发了个视频说一堆小学生儿童然后他们一人一个电脑然后和 AI 交流打字然后做出来一些他们感兴趣的东西背单词任动物或者说就是诗字任动物做一些他们理解的需求

他们不需要学会代码只需要验证这功能点了之后能不能是想要的效果把这个东西描述好就行

这个东西我感觉有时候也蛮震撼的那以前会说秋感与外代码就像老 webpack 或老式的这个东西去喝杯茶等他慢慢的 hold reload 或者等他去慢慢去做这个编译好慢这个中间段也不能去做其他的那现在有的思想像是回车之后咔咔咔咔咔写这个看这个 token 这个数字进行一个跳动你也不需要做啥

现在是这样做新工具多想想 AI 对吧可能服务好 AI 最好的办法是说服那些那些逊模型的嗯

哎呀是啊对吧多多上推那个那个推荐一下自己的库然后然后吹一下这个东西怎么和 ai 连动起来对对对说被那些什么 open ai 的人 andtherapeutic 的人看到你的推了说哎这个这个工具不错嘛哎这个库不错嘛我我我这个框架不错嘛我把它那个弄进去嗯对我感觉这个也相当于就跟那个主动说啊拉姆的铁杀铁我感觉之前也是在小范围小小圈子里去弄

呃一工作中也有去简单做一点这个浪漫的提查题然后被怎么说被大 V 被被咱国外人书写有意识去提了浪漫的提查题然后大家更进一步的去传播了那再进一步我发现那个 context7c-o-n-t-x-t7 这个 mcp 那它的作用更简单了就是告诉他我要使要用谁然后基于他给的上下文那这个他给的上下文呃

就是最新的文档别管怎么来的他肯定比新我就不用这个大模型提供能力了我说哇这个事情更进一步的缩小了以前可能说新东西是个壁垒那就像早期说这个 Tierwind 赶上车了然后其他工具没赶上车就导致他可能拉开差距了那现在

大家 agent 把它给一包装之后用户接触不到这些 content 机之后管他呢反正只只需要交钱就好了就是给这个大模型账单付费就好了管他这 100k 和 100k200k 的上限文里边做了啥反正最终的结果是好的工具也是对的那还是得得考虑一下就比方说怎么说呢就是你在大模型时代你如果你的

语料被加入到你的训练集里那你肯定是或者说你的不管你是 pre training 还是 post training 你只要进去了那你就是高人一等对对对这肯定是的真的就是高人一等嗯然后到时候我要用什么准备一些 dock 然后准备了 dock 可能还要克服模型的幻觉嗯

但我认为你看咱一方面是给普通人去说我基于 AI 但咱也后面也不会接受到直接接受到大模型除非你自己去用 chatbot 去直接对话那你但凡去用豆包这种封装的工具或者各种云服务厂商的工具它背后也为了准确性为了口碑也会不计代价的去把最新的数据拿进来

比如说他训练了一部分但是新增东西他肯定还是要像刚才提到的 context 机之类的这种东西是的要要后补的自己做 ig 的那现在怎么说几十 k 动不动几几百 k 的这个上下文用户还要问之前某某个对话他们还是要做 ig 所以怎么说呢呃

AI 能力会越来越强然后用一般普通用户越来越多的会和产品打交道而不是和基础大模型本身打交道那我们包一层 IG 包一层这些上下文为了目的用户付费也好自己付费也好就是为这个 token 付费也好反正最终都希望用户用起来爽那用户只需要简单描述得到的这个呃

结果是对的也是符合最新标准的那今天升个呃 Tarot 呢从 V3 升到 V4 了那图出来的也是符合标准的啊这也蛮好嗯这个可能还得得看未来吧因为很有可能未来嗯

未来可能你就是现在的 CRM 了但以后可能就会有这种基于个人的就是你的 LAM 会给你做 memory 就会自动做 memory 现在 Curse 已经有这种东西了然后你可能

你可能给他一些数据然后他逐渐能学会来就模型你越用它越聪明就这个是一个趋势以后甚至还有这种能针对你个人做那些权重变化就 Laura 的这种变化然后我看到也有论文在说 LAM 现在有人在研究这一套

以后他就是你比方说你跳 wind3 本来用跳 wind3 后来我我敢用跳 wind4 然后他你多用两次他哎这个东西就进他全中了对对对这个东西给你给你就后面营场上给你做罗拉嗯那那你可能就就没有这个新东西了那那这个怎么说呢其实 somehow 还是得得往往前看嗯就还是得得说怎么说呢就是

就做工具做工具或者是做就就我也不说做开源吧因为我们做作业我还是得得写代码还是得往前谈就是怎么样和就不要抗拒 ai 而是想怎么能能成成上 ai 这这波这波风对对对

刚才想啥呢对刚才说的 memory 感觉几个月前 memory 提到说有记忆或者回顾用户说过啥以往肯定是达不到的因为以往只会有上限文限制现在这个 memory 概念封装好了那背后可能像刚才说的 IG 这个概念就是工程手段都好那这个 memory 这个概念提出来之后大家跟得很快

你看其实像 Java 系的 Spring AI 阿里巴巴就是 Spring AI 这个套件里边就自带了 REG 和这个 Memory 就作为一个技术功能内置那你比如我 Java 系 SpringJava 系选手去学的时候过遍文档他就已经知道这个 Memory 所以我有时候也在感慨说一个新概念从

当然他最被百分之怎么说这个也会慢慢的铺开从 1%铺到 10%50%到 90%基本上 Java 的选手慢慢都去做 Spring AI 但是对你要去熟悉写 agent 这些框架来说这个业务选手来说那这些新东西其实落地还是蛮快的可能某个你用的工具模版本一更新这个引一个模块就好了现在我记得哈 Lambda index 和 Lunchen 就也是封装模块至少

有时候也想这个新工具落地还是真的是特别快主要是大家也切中大家需求了尤其这边其实很快的就现在 RAG 还可能还有人说因为现在但你想想以前 RAG 是必须要用的因为你不用的话你那么大上下文东都弄不下来然后到后来的话 RAG 就变成了一个如果你只处理文本数据可能就有可选项因为模型的上下模已经够大

对这个也是后面看何时机会可以额外展开有时候也是在想现在百像千万的 plus 像国内的那个 minmax m1 百万上限为几块钱那感觉百万上限为卖 16 块钱就已经是旗舰模型了旗舰模型才能卖 16 块钱那 8 块钱的一般是中正能尺寸的那小尺寸的肯定更便宜

以后肯定模型还会更好对模型更快然后上下屋更大价格更便宜那其实怎么说呢其实肯定还是利好这些 agent 工具你只要给他一个东西然后他就他以后肯定会做得更好相对我们其实但是模型有一个东西肯定做不好就是他有很多业务场景有很多业务场景你是其实需要你

自己工具你不可能指望什么什么豆包帮你什么都会我帮你定跳出一个东西对吧那你这些 mcp 的兔就你能做的好做的比别人强那那其实其实就相当于给给大模型呃说难听点就要打下手对吧但你就其实你作为工具开发那你就是

呃就是沉上 AI 这波风啊对对对感觉这个我有时候也也深感就是咱始终在说就是一个新东西出来之后什么高估近近期高估当下的这个这么说啊

低估长期的这个这个什么效应有时候之前尤其是前段时间就咱最近这几期播客这个箭当空隙里边上谷歌的谷歌的就是各种的大模型不断的刷新之前觉得设计呃

这个 design 这里部分比较少飞哥们发力然后各种顾客也发力我说啊这真的是卷来卷去把一些常见的需求都给整理好了那后面的人真的是需要需要去去准备那和 AI 共同参与工作这些事情这当然这有点有点感性也有点感慨再说吧以后可能还会每天都会变应该还会再会变化很多

对当然了这个也是慢慢的就像一个渗透率一样那只有一部分人知道这一个他会慢慢的渗透下去知道慢慢的渗透到更多港的更多这个情况这个效果也会慢慢的这个显示出来有时候过于悲观过于乐观的想象也很难去说那悲观的人有悲观的想法乐观的人有乐观的想法

这也是我突然刚才顺着刚才这一点我说哦这个钱的发展好像没有超出明显超出认知之外的东西然后 AA 的发展也是变化那么快之前新东西变成快速变成老东西新东西变成习以为常的东西对很快嘛可能明年又会不一样嗯前端可能还还是这样前端可能还是这样但是前端总会有新的东西相信肯定还是会有新的东西的

这个后面其实完全还可以围绕 agent 在额外展开我之前开也提到嘛就是 agent 系列利好的还是 pason 和 ts 程序对对对因为你必须要就怎么说呢这个就是用的人越多那个 AI 模型研究的人就越多然后你的工具链也就越多然后这一个可能以后会变化就比方说我以后我我的大模型就完全是 in context learning

或者是我完全就是我写新东西,我马上就能自己学会。这种也是有可能的,不过还是得看未来怎么发展吧。刚才也提到了,还是最终业务,不管是人写还是 AI 写,不管交付的这些东西是谁写的,效果怎么样,最终还是要用人去使用的,也不好说。

最终还是要尊重业务的价值那我们手里的东西还是怎么说始终还是说的那工具是工具业务是业务有时候两者有时候是冲突的又是互相需要结合的那尊重业务的价值也是咱后面这些做商业化做这些职业的发展的这些绕不开的一个话题

这让我想起来之前何海老师前段时间何海老师讲我说你那个 AAC IT group 说不定不是给人使用的对那我要吹一波现在就最近做了一个用 agent 写 AAC grab rule 因为以前的话这些 rule 其实挺难写人要看好多文档我好多用户都不看后来我就做了几个 mcp 然后教 AI 怎么写然后 AI 现在就能写了

这个其实就是承上 AI 的后缘对对我感觉有时候有时时的想这个 IT group 可能用户不一定是真实的人类那可能更大的用户是 AI 更大的用户是 Github actions 更大的用户是某个 MCP 那他们贡献了更多的流量然后他们也默默完成他们是他们的做的事情

比如说你不会写,为什么 S-Graph 这种工具可能对 AI 会有效果?因为它说到底是一个信息抽类的过程,就是能过滤的过程,和 Graph 是一样的,或者 Rip Graph 是一样的。但 Rip Graph 它有一个缺陷,就是你搜一个东西,你可能会搜出太多东西。

东西太多,你作为人或者你作为大语言模型,就你有给你造回了 200 多个,那 200 多个这个模型就得一个一个去看,这个就是满了,但如果我一下子能筛到只有 20 个,那这个速度就完全不一样了。对对对,现在 ST Group Start 有多少了?

啊,9000 啊,这个,哇,这个,这现在的人,最近的,最近这几个月的斜率一定很,那个,怎么说,很斜吧,哈哈,

对主要还是被 AI 捧了一波 ATGroove 这个目标肯定远不止是一万大冠希望也和后面和那个海老师进一步去聊我们刚才相当于先聊分成了两 part 然后一部分我们聊这个榜单一部分围绕前头和 AI 和聊聊自己的感受也和我们就聊差不多

我们就聊到这里吧嗯行也后面和各位听众持续来讲后面其他榜单应该接下来还会年底的话可能会有 Rethink Star 和 States of JS2025 应该也我忘了时间了 OK 那我们聊了也聊满久聊了很多有趣的话题我是聊得非常兴奋也对有时候也对前端未来发展优先种种的新矛头

我是正在努力挑 AI 写 ASCGraph root 的海老师应该是先预祝海老师的一万 star 是谢谢感谢感谢 WebWorker 感谢星国 OK 那我们聊到这结束录制