前端新玩具: Nashi.js

2022-11-09 20:08:18 +08:00
 AkaraChen

小弟最近写了个玩具,名叫 nashi,我称之为 2022 年的 jQuery ,简单介绍一下特性:

  1. 真的非常小,gziped 后仅 1.48kb ,是 jQuery 体积的 1/20

  2. 支持 jQuery 的大部分方法,除了动画、Ajax 相关,因为没必要

  3. 写了数十个单元测试, 且在多个现代浏览器表现良好,稳定性还行

  4. API 设计现代,写起来比 jQuery 舒服点,比写原生不知道高到哪里去了

目前开源到 Github 一个周,issues 平均 4 小时内处理,一天更新一次,获得了十几个 star ,为数不多的用户反响也都不错,因此斗胆在 V2EX 引流一下,如果你觉得写得烂,直接在这里或者 issues 骂就行,我自己会调整修改,如果能贡献一下那我自然是感激不尽。

项目地址:Github

Playground: StackBlitz CodeSandbox

3987 次点击
所在节点    程序员
49 条回复
hoythan
2022-11-10 09:13:35 +08:00
你这语法等于重学一门语言,没必要。
AkaraChen
2022-11-10 09:16:19 +08:00
@hoythan 这。。。也没见别人说学 jq 等于学另一门语言啊,我这 API 设计的有什么不好吗
hoythan
2022-11-10 09:18:52 +08:00
@AkaraChen 因为我觉得得有足够让人心动的变化或更新才会大家去学习一门新语法。如果只是 jQuery 的替代的话他的文档更全一点。
AkaraChen
2022-11-10 09:20:30 +08:00
@hoythan 在我看来 jQuery 的文档冗长的让人难受,我这文档一句话把事情说清了反而好点。。。
Yukiteru
2022-11-10 10:04:17 +08:00
牛逼,大二就能写出来这个。楼主开始学编程有多久了?计算机专业的吗。
tyrone2333
2022-11-10 10:10:01 +08:00
我大二也去找实习,投了几十家就一家约了面试,还被婉拒了. 回来后天天写代码, 然后大四面了第一家就过了,3k 月薪当了一年的牛马:<
ragnaroks
2022-11-10 10:11:17 +08:00
经过实测,拿来写 user-script 的话要比直接使用香草方便些,而且大小可以接受
ragnaroks
2022-11-10 10:13:52 +08:00
我用 BUFF 获取求购比例的脚本测试,虽然多了个 2 KiB 的依赖,但是 user-script 本身减小了接近 300 行,挺好的。

不过常规前端我确实想不到有什么地方用得到这个库。
putaozhenhaochi
2022-11-10 10:58:49 +08:00
为啥 Web component 规范还没有流行开来
LaTero
2022-11-10 11:13:16 +08:00
楼上好像都是专业前端觉得没什么用,想我这种非专业的感觉顺便写一个网页挺好的。又不是写大应用,方便好学才最重要,看到 react 教程这么麻烦我直接用熟悉的技术编译到 wasm 算了。
顺便这项目用户和贡献者二次元浓度好高哦😏。
AkaraChen
2022-11-10 11:17:05 +08:00
@Yukiteru 高中那会是个计算机爱好者,也就写点 html css ,高考后的暑假开始自学 js ,学了一年多吧,虽然是计算机专业的,但是老师也没啥能教我的了
AkaraChen
2022-11-10 11:18:27 +08:00
@tyrone2333 同样找工作被婉拒,我现在是要去一个大学生创业项目实习
AkaraChen
2022-11-10 11:20:09 +08:00
@ragnaroks 终于见到有人实测了,有点感动。
我也正在考虑怎么用在实际项目,过段时间会写个风格指南
yuthelloworld
2022-11-10 11:22:07 +08:00
时代变了。而且原生写法也没什么负担。
AkaraChen
2022-11-10 11:22:29 +08:00
@LaTero 你这么一说我还真想研究一下写个 wasm 版本了🤣
AkaraChen
2022-11-10 11:23:44 +08:00
@yuthelloworld 原生 js 是没负担了,但是原生 dom API 还是跟以前一样不好用啊。。。
maggch97
2022-11-10 12:34:46 +08:00
@ragnaroks 同意,userscript 确实一个不错的场景,里面有很多 dom 操作。attachshadow 是一个 userscript 必备的 API ,推荐作者加上。
AkaraChen
2022-11-10 13:30:07 +08:00
@maggch97 好的,已列入 todolist
andyxic
2022-11-10 14:20:56 +08:00
这个到底取代了 jquery 啥? jquery 那么强大的选择器功能,貌似我没有看到啊?文档我就看到传标签,传 dom 节点...我都获取到 dom 节点了。干嘛还要包一层。前端老手原生 api 都可以直接白板的。还是要结合实际
AkaraChen
2022-11-10 14:27:27 +08:00
@andyxic jquery 那选择器我用 queryselector 实现了

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/893944

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX