刚刚下载了一个使用原生web组件的codepen代码的时候发现了一个“似曾相识”的名词:vanilla JS。

当时就很气,说好原生实现,为啥又说要引入vanilla.js??

这是什么高端框架?震惊之余打开了谷鸽搜索,似乎发现了不得了的技术。比如下面这个老哥:

https://segmentfault.com/a/1190000000355277?utm_source=tag-newest

但是总觉得哪里不对,当我看到评论区的时候,发现已经下不了车了。 最后还是StackOverflow上正经的程序员的回答告诉了我真相:

原来VanillaJS === PlainJS。。。再看vanilla js官网http://vanilla-js.com/,就能看到套路满满。

顺着下载链接(要剃子),我终于得到这个传说中最流弊的JS库:

// 只想说:

被骗人数 = 被骗人数 + 1

总之,Vanilla JS is a joke,就是指原生JS而已,虽然是一个套路,vanilla.js并不是前端社区的恶趣味,相反,它是一个善意的提醒。

-------------------正经的分割线-------------------

相传vanilla网站的作者是一个前端工程师,老板总是要求他使用JS框架来构建网站,为了坚守自己无框架的原则又要应付上面的要求,他就对老板说,It's running on Vanilla JS !因为vanilla本身就有”原生“的意思,vanilla JS就是原生JS库的代名词。

于是VanillaJS的故事流传了下来,并被前端社区疯传,它用于提醒世人并不是所有的网页都需要框架,第三方框架的大量引入是网页性能江河日下的罪魁祸首。Vanilla运动希望在现如今js框架如杂草般疯长的乱象中寻找一些可贵的“原生精神”。

(完)

前端社区的恶趣味之Vanilla JS相关推荐

  1. 最小的前端开发框架 Vanilla JS

    刚刚在看前端文章的时候看到了Vanilla JS,这是什么高端框架?打开了谷鸽google搜索,果然是发现了不得了的技术. VanillaJS是库/框架免费javascript的术语.它有时具有讽刺意 ...

  2. vanilla js_用Vanilla js编写前端组件

    vanilla js There's so much hype these days around front-end frameworks (React, Angular, Vue) that I ...

  3. 小日本的恶趣味?育碧让玩家用VR外设闻屁味

    今天,日本游戏开发商推出了一款专门用于"闻屁"的VR外设. 作为一个知名游戏开发商,育碧打造的作品似乎都可以用"优质"来形容.但你绝对想不到,育碧今日推出了一个 ...

  4. 超赞的实用前端社区精选?

    转载 作者:黑马程序员前端 链接:https://www.zhihu.com/question/39503897/answer/2998752442 社区精选 | 好的前端社区可以根据其特点和领域进行 ...

  5. Vanilla JS速度超越了vue/react/svelte---kalrry

    世界上最强大的JS库---Vanilla JS 一.简介 一.简介 世界上最强大的JS库--Vanilla JS javascript的世界里有一个叫做Vanilla JS的库. 声称自己是占有率最高 ...

  6. 用SVG和Vanilla JS框架创建一个“星形变心形”的动画效果

    在我写的这篇文章中, 讲述了如何用Vanilla JavaScript使动画顺滑的从一种状态过渡到另一种.最好先看下那篇文章,因为在这篇文章中我们要用到一些那篇文章中讲过的内容.例如例子的演示.各种时 ...

  7. 获得焦点时选择文本框的所有内容(Vanilla JS或jQuery)

    本文翻译自:Select all contents of textbox when it receives focus (Vanilla JS or jQuery) 什么是Vanilla JS或jQu ...

  8. JavaScript社区开发者调查:服务端JS盛行 AngularJS使用者最多

     JavaScript社区开发者调查:服务端JS盛行 AngularJS使用者最多 width="22" height="16" src="htt ...

  9. 前端面试:你应该了解的JS算法相关的知识

    前端面试:你应该了解的JS算法相关的知识 时间复杂度 通常使用最差的时间复杂度来衡量一个算法的好坏. 常数时间 O(1) 代表这个操作和数据量没关系,是一个固定时间的操作,比如说四则运算. 对于一个算 ...

最新文章

  1. python编写测试工具-python 写一个性能测试工具(一)
  2. nvr服务器系统,【64路IPC网络存储服务器(WNVR)】 - 太平洋安防网
  3. Linux中ELF格式 可执行文件+动态链接器 的加载
  4. 关于C语言static定义函数类型的具体解释
  5. .NET Core快速入门教程 1、开篇:说说.NET Core的那些事儿
  6. 线段树-HDU5737-这题有点神
  7. 伺服电机三环控制系统 一
  8. 23种设计模式之简单工厂模式,工厂方法模式,抽象工厂模式详解
  9. java8函数式接口_java8的函数式接口
  10. DotNetBar.Bar图标列表的使用
  11. 能够生成动态图片的R模块:rCharts
  12. react 使用rewired_create-react-app 通过 react-app-rewired 添加 webpack 的 alias
  13. 解决办法:error LNK2005: void * __cdecl operator new(unsigned int) 已经在 LIBCMTD.lib(new.obj) 中定义
  14. R语言系统教程(一):向量及其相关操作
  15. 网络安全实战之靶场渗透技术
  16. PhalAPI学习笔记 ——— 第三章细致讲解使用PSR-4规范自定义你的命名空间
  17. JSP实现注册并显示信息
  18. Ubuntu/CentOS 磁盘分区扩展
  19. 微服务架构-实现技术之六大基础组件:服务通信+事件驱动+负载均衡+服务路由+API网关+配置管理
  20. 北京联合大学计算机科学与技术分数线,北京联合大学录取分数线2021是多少分(附历年录取分数线)...

热门文章

  1. LiveData详细分析
  2. 总结30个Python赚钱的接单平台!兼职月入5000+,成年人的世界,钱是活下去的筹码
  3. MT7628K eCos开发入门
  4. 仿微信朋友圈图片和视频播放
  5. Windows11图片密码的设置方法(用喜欢的图片作为开机密码)
  6. Linux学习笔记——文件IO
  7. 重磅丨中国信通院发布ICT深度观察十大趋势
  8. 使用canvas画三角形,圆形,半圆,八卦
  9. 频点换算计算器android,LTE频率频点计算器
  10. canvas路径,描边与填充