妙才周刊 No.73

2025年03月02上次更新于 21 天前
Weekly

🎉 公众号关注人数超过 200 大关,绝大多数都是最近半年新增的关注,这让我非常开心。本质上,我是个懒人,断断续续地写一些文字有时候很难坚持,但最近收到了一些小小的正向反馈,希望接下来自己能够多读、多看、多学、多写,以及多谢大家。

OK,本周要分享的内容如下:

DeepLearning

Deep Learning - Build apps with windsurf's AI coding agents

Windsurf 发布了一个如何使用 AI 开发一个完整的应用的视频教程,笔者在这里分享给每一个开发者朋友,时代真的变了,我们得了解如何更好地利用 AI 来开发,而不是对 AI 的发展视若无睹。

否则,可能有一天我们会被彻底淘汰。 PS:尤其是前端程序员 🤣

Eva Design System

image.png

Eva Design System: Deep learning color generator是一个颜色设计方案推荐系统,作者对颜色搭配和主题设计颇有研究,我在某个项目的源代码中看到这个地址,因此发现了它。 如果你想要为自己的应用设计一套良好的颜色组合,可以试试这个应用。

Light panda

image.png

Lightpanda | The headless browser 是一个从头开始构建的、基于AI的无头浏览器,旨在以快速、可扩展的方式进行网页自动化,同时占用最小内存。

世上没有免费午餐,即要快还要占用低,大概率牺牲了一些安全性和功能完整性。当然,新的性能和效率优化具有一定的效果,笔者并没有深入对比二者的差别。

如上所示,在一个相对基准上对比谷歌浏览器,Lightpanda 具有更快的速度和更低的内存占用。与传统浏览器不同,PandaLight 不是 fork 或 patch,而是一个完全新型的浏览器,专为性能和效率而构建。

我想如果你有一个不需要究极严谨和安全的无头浏览器自动化需求,那么 lightpanda 不错,你可以部署在云服务器上。

Nothing New Tab

image.png ImRayy/nothing-ui-newtab是一个 chrome 新标签页插件,页面设计得非常有特色,看起来很棒。

image.png

你的第一门用 TypeScript 写 Node.js 的入门课

前言:AI时代放大了全栈的好处,很多以前我们觉得可以吃饭的一些技能都变成了必备技能,IT技术平民化,原因有2个。

1、AIGC时代,风口,快速实现更重要,资本不等人。

2、IT技术平民化,全栈化,必须要简单高效。

这样筛选下来,只有2种可能的语言,那就是Node.js和Python。Python是大模型必备,搞定服务端也是很轻松的,而要搞定前端和服务端,成本最低的就是用同一种语言,无疑Node.js是最好的选择。毕竟现在SDK标准三个语言必须实现,那就是Java、Node.js和Python。

除了AI时代放大了Node全栈外,Node.js自身的发展也到了一个必须要总结的时间点了。目前市面上的书、文章、课程主要是Node.js 8以前的(不知道朴灵的深入浅出2能否有突破),现在已经是Node.js v20了。Node.js v20里的很多新特性,比如下面是我觉得比较重要的一些。

PS: 作者是一个很有经验的开发者,写过中文 Node 不少相关书籍,多年前见过一面,很有喜气 🤣,这篇分享可以看成一本书,我打算花点时间跟着看完学习一下。

AI art icon

image.png

AI art Icon | Figma 是 Figma 上的一系列关于 AI 相关主题的图标,无论是设计师还是开发者,都可以用得上。

UniBest

image.png

feige996/unibest: unibest - 最好用的 uniapp 开发框架。unibest 是由 uniapp + Vue3 + Ts + Vite5 + UnoCss + WotUI 驱动的跨端快速启动模板,使用 VS Code 开发,具有代码提示、自动格式化、统一配置、代码片段等功能,同时内置了大量平时开发常用的基本组件,开箱即用,让你编写 uniapp 拥有 best 体验。

短平快的项目如果必须要用 uniapp 开发,那么 unibest 提供的体验确实非常适合,感谢开源贡献者们。

Z-paging

image.png

z-paging 是一款高性能,全平台兼容(ios、安卓、鸿蒙next、h5以及各家小程序)的 uniapp 分页组件。支持vue、nvue、vue2、vue3,使用wxs+renderjs实现。

支持虚拟列表,支持自定义下拉刷新、上拉加载更多,支持自动管理空数据图、点击返回顶部,支持聊天分页、本地分页,支持国际化等数百项配置,流畅渲染百万级列表数据。

如果需要短平快地解决 uniapp 应用中的下拉刷新、上拉加载更多、虚拟列表渲染大量数据的场景,可以了解了解这个。

如上所示,unibest 已经集成了这个组件 🎉

fast-npm-meta

fast-npm-meta 的仓库在:https://github.com/antfu/avatars.antfu.dev ,这是一个封装好的 npm lib 元信息查询库。

起源是 npm 仓库的 API 相对较老且效率不高。例如,请求 https://registry.npmjs.org/vite 会使你下载 4.38 MB 的数据,这代表了 36.32 MB 的未压缩的 JSON 数据。仅为了获取单个包的最新版本,要下载这么多数据,这确实是个问题。

这个项目旨在提供一个轻量级API服务器作为代理,它缓存来自npm注册表的元数据,并提供了一种更高效的方式来解决软件包版本的问题。

某些场景下,如果开发者需要检索 npm 的包的元信息,可以使用这个封装好的库。

PS:不过这个需求真的很小众。

Better Auth

image.png

Better Auth 是一个 TypeScript 最全面的身份验证框架,文档详细,开发体验非常好。

支持流行的框架,包括 React、Vue、Svelte、Astro、Solid、Next.js、Nuxt、Tanstack Start、Hono 等。

集成支持电子邮件和密码认证,具备会话和账户管理功能。允许用户使用他们的账户登录,包括GitHub、Google、Discord、Twitter等等。使用几行代码就能通过双重认证保护用户帐户。

Avatar Generator

image.png

mortoys/avatar-generator: 基于贝叶斯网络的捏脸生成器,这...

有这需求?但这确实有一定的价值。

image.png

image.png image.png

最后

最近开始准备一直在找远程工作,如果大家有内推的话,欢迎联系我!

非常期待读者的点赞和支持,或多或少我都能从中得到鼓励❤️

好了,今天的分享就先到这里,大家下周见~

not-by-ainot-by-ai
文章推荐

Friends

Jimmy老胡SubmaraBruce SongScarsu宇阳Steven Lynn's Blog