2025,最轻最快的JS框架

782 阅读3分钟

JS框架哪家强,React?Vue?

图片

图片

不不不,其实是Vanilla JS!

图片

谁在用 Vanilla JS ?

图片

如何开始

如果你想学习,可以从这里开始:vanilla-js.com/

水文的开始

忽然想写这个水文,是以前我看英文文档的时候,一直有个疑惑,vanilla js是原生js,而vanilla是香草味的意思。

图片

所以,香草味js是原生js?

有人和我有一样的疑惑吗?

刚刚吃了几个抹茶糯米糍,虽然不是香草味。但是之前吃过香草味的糯米糍,于是我又想到了这个问题。

图片

好奇心驱使下,我查了查,发现如下:

“vanilla”(香草)通常指的是一种常见的调味品。在英语中,“vanilla” 还有一个引申含义,表示 “普通的、基础的、未添加额外修饰的”。比如:

  • vanilla ice cream(原味冰淇淋)
  • vanilla version(基础版本)

香草味是冰淇淋的默认口味,就是原味,其它口味(如巧克力、草莓)都是它的变种。

图片

说到这里,就好解释了。vanilla js就是原味js,属于不添加框架的基础款。vanilla version = 标准基础版(未修改的版本)。

对应的还有,vanilla css就是没有用 tailwind、sass、cssinjs 等工具,纯写的标准 css。

还有vanilla React指“没有引入额外框架,只用 React 自身功能”的写法,比如nextjs就不是vanilla React。

其它例子

这种语言现象在英语里很常见,比如:

  • “salt”(盐) → “salt a password”(密码加盐,指加密时的随机数据)。盐能防止食物腐败 → “密码加盐”防止密码被“腐化”(破解)。盐的颗粒分布不规则 → 密码学中的盐是随机生成的。
  • “cookie”(饼干) → “HTTP cookie”(指缓存)。服务器留给浏览器的小饼干(数据),就像cookie有限额一样,饼干也不能多吃啊!

图片

想起来一个好玩的事情,以前有一段时间我在学缓存,cookie、session、localStorage这些。然后有个同学要给小侄子起名字,我正在看电视,她问我有什么推荐,我心不在焉地开玩笑说叫Cookie好了。

然后她一脸凝重,我以为她生气了,居然给人家小侄子起名字叫缓存。我赶紧补救说Cookie有饼干的意思。然后,没想到她和家里说了下,最后居然采纳了。然后她的小侄子就叫Cookie。。。

每次听到她和家里打电话说Cookie怎样怎样的时候,我都有点心虚,我当时只是随口一说。后来我又开玩笑说要是有第二个小孩,可以叫Session。我同学愣住了,她不懂这个梗,因为她不是程序员。

还好,她们家没有程序员😁。

Vanilla JS

至于这个网站vanilla-js.com/ ,其实是个幽默网站,感兴趣的可以去看看~

不管什么JS框架,基础都是JS。

所以,万变不离其宗,从基础开始吧,源码、算法,感兴趣v我~

图片

最后

这篇文水不,还行吧,临时想到的,点赞点赞~

图片