什么是Vanilla JavaScript？

最新推荐文章于 2025-04-11 11:53:04 发布
最新推荐文章于 2025-04-11 11:53:04 发布
阅读量4.6k 收藏 3
点赞数 2
分类专栏： [Frontend] 杂记 文章标签： javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/HANZY72/article/details/121734116
版权
Vanilla JavaScript指的是不依赖任何外部库或框架的原始JavaScript代码。它强调使用原生API，而不是jQuery等工具。博客解释了Vanilla JS的概念，来源于冰淇淋的比喻，意味着没有额外味道的纯正体验。通过了解Vanilla JavaScript，开发者可以更好地掌握JavaScript的基础并提高性能。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

答案：是指没有用任何别的框架，如jQuery等的纯JS（pure JS）：
Vanilla JavaScript === JavaScript

Vanilla JavaScript不是框架，更不是别的奇奇怪怪的东西，它就是指最朴素的JavaScript…

背景

Vanilla：意思是“香草”。这个词与冰淇淋有关，没有味道的冰淇淋就是香草味冰淇淋，把这个概念移植到JS中，这仅仅只是为了区别使用了如jQuery等框架的JS。
在这里插入图片描述
关于Vanilla JavaScript的Quora链接
关于Vanilla JavaScript的Stack Overflow链接

vanilla-js-spa:仅用Vanilla JS编写的单页应用程序
05-26
香草JS SPA 该项目是一个单页应用程序，仅使用Vaniila JS（ES 6+）编写。 如何执行 npm install npm run build npx serve -s build 打开从浏览器查看。 项目结构 . ├── build ├── config │ ├── jest.config.js # Jest configuration │ ├── webpack.common.js # Webpack configuration │ ├── webpack.dev.js # Webpack Dev configuration │ └── webpack.prod.js
vanilla_如何在Vanilla JavaScript中实现平滑滚动
05-05 137
vanilla 本文由Adrian Sandu ， Chris Perry ， JérémyHeleine和Mallory van Achterberg进行了同行评审。 感谢所有SitePoint的同行评审员使SitePoint内容达到最佳状态！ 平滑滚动是一种用户界面模式，可逐步增强默认的页内导航体验，从而使滚动框（视口或可滚动元素）中的位置从激活的链接位置更改为目标元素的位置，从而实现动画...
探索Vanilla JS：构建高性能JavaScript应用的利器
gitblog_01041的博客
08-22 836
探索Vanilla JS：构建高性能JavaScript应用的利器 项目地址:https://gitcode.com/gh_mirrors/va/vanilla-js-dom 在当今的Web开发世界中，选择合适的工具对于构建高效、快速的应用程序至关重要。今天，我们将深入探讨一个强大的工具——Vanilla JS，这是一个快速、轻量级的跨平台工具，旨在帮助开发者构建令人惊叹的JavaScript应用...
JavaScript简介（Vanilla JS）
07-04 1833
JavaScript is one of the top programming languages in recent years. It is the most popular programming languages in 2018. You might be surprised knowing that today JavaScript is used by most popular s...
VanillaJS取代JQuery: 轻量级JavaScript方法和函数速查表
weixin_33173126的博客
11-12 1606
本文还有配套的精品资源，点击获取 简介：在现代Web开发中，jQuery虽然曾是主流JavaScript库，但现在随着浏览器和ES6标准的进步，越来越多的开发者转向使用更轻量级的原生JavaScript（VanillaJS）。本文档“VanillaJS取代JQuery: 轻量级JavaScript方法和函数速查表”旨在帮助开发者理解如何使用VanillaJS实现与JQuer...
使用Vanilla.js构建单页应用程序（SPA）网站
寒冰屋的专栏
03-08 1505
目录 项目 带有模块的组织代码 以可观察的方式应对变化 支持声明式数据绑定 将幻灯片(Slides)托管和加载为“页面” 使用路由器处理导航 带有CSS3动画的转换时间线 管理“Deck”的导航器 键盘支持 点击控件 结论 现代JavaScript具有无需依赖框架即可构建完整的单页应用（SPA）体验的所有必要功能。了解如何使用模块和Web组件等最新语言功能来处理模板、动画、...
Vanilla JS速度超越了vue/react/svelte---kalrry
kalrry
09-10 2668
世界上最强大的JS库——Vanilla JSjavascript的世界里有一个叫做Vanilla JS的库。声称自己是占有率最高的库，各大顶级公司如：Facebook、Google、Amazon、腾讯、百度、微软、阿里、字节等都在使用它它的官方文档还说自己的使用量是Jquery、Prototype、YUI。。。的总和还多。这是要逆天的节奏啊！然而，这么牛的东西，做为前端打工人居然一无所知还没完呢。当你准备下载它时，它说完全没有这个必要因为，Vanilla JS太牛逼以致所有的浏览器都内置了。
vanillajs：Vanilla JavaScript研究
02-14
**Vanilla JavaScript深入研究** Vanilla JavaScript，也称为纯JavaScript，指的是不依赖任何第三方库或框架，仅使用原生JavaScript语言进行开发的方式。这是一门强大的技术，它可以帮助开发者更深入地理解...
JavaScript30:Vanilla JavaScript制作的项目
05-05
JavaScript 30 30天之内完成30个JavaScript项目。 没有外部框架/库。 目的是尽可能多地使用Vanilla JavaScript，以了解Vanilla JavaScript本身可以做什么。 很好地学习JavaScript。
JavaScript.UI.Vanilla:Vanilla Javascript UI组件
05-06
JavaScript.UI.Vanilla项目是一个专为前端开发者设计的开源库，它提供了使用纯JavaScript实现的UI组件。这个项目强调无依赖性，不依赖任何供应商库，如jQuery，从而让开发者可以更加灵活地控制代码的体积和性能。在...
vanilla_javascript
03-06
"Vanilla JavaScript"一词通常指的是不依赖任何外部库或框架的纯JavaScript代码，它强调的是JavaScript的基础特性和原生API。在这个特定的项目中，我们看到一个名为"vanilla_javascript"的仓库，它是作者用来存放...
myTaskBuddy:Vanilla JavaScript Scratch项目
05-14
"myTaskBuddy:Vanilla JavaScript Scratch项目"是一个基于纯JavaScript开发的任务管理工具。这个项目旨在帮助用户管理和跟踪他们的日常任务，不依赖任何外部库或框架，完全使用原生JavaScript编写，因此它是一个很好...
在 vanilla JavaScript 中使用 WebC 构建 Web 组件
分享身边生活经验blog
04-04 325
Web 组件是自定义的、可重用的和强封装的 HTML 组件，尝试复制文件时出错，源文件已损坏它们与库无关，可以在任何 JavaScript 项目中使用。流行的网络组件的一个例子是标签。安装程序未能正确安装此驱动程序，退出代码虽然video看起来像是单个 HTML 元素，但实际上它由多个 HTML 元素和定义其行为的自定义逻辑组成。让我们看看 WebC 的实际应用！在本教程中，什么是 Apple 的自由格式应用程序以及如何使用它？
Vanilla JavaScript记忆游戏
allway2的博客
06-01 359
Memory Game in Vanilla JavaScriptLearn basic HTML, CSS and JS concepts by building a memory game!https://marina-ferreira.github.io/tutorials/js/memory-game/本教程解释了一些基本的 HTML5、CSS3 和 JS 概念。我们将讨论数据属性、定位、透视、转换、弹性盒、事件处理、超时和三元组。您不需要在编程方面有太多的先验知识。如果您知道 HTML、CSS 和
推荐项目：vanillajs-spa - 纯净的JavaScript单页应用示例
gitblog_00026的博客
05-09 618
推荐项目：vanillajs-spa - 纯净的JavaScript单页应用示例 去发现同类优质开源项目:https://gitcode.com/ 项目介绍 在当前前端开发领域，框架和工具的快速发展往往让开发者们感到压力重重。vanillajs-spa 是一个独特且富有启发性的项目，它向我们展示了如何仅使用原生JavaScript实现一个简单的博客风格单页应用程序（列表到详情）。这个项目强调的是基...
使用 Vanilla JavaScript 创建 Web 组件
allway2的博客
06-03 673
Web 应用程序开发是一个非常拥挤的技术领域。有不同类型的框架、库和工具。在开发 Web 应用程序时，主要目标是提供带有封装组件的高质量用户界面 (UI)。因此，当您使用 React、Vue、Angular 或任何其他前端框架等框架时，您会将 UI 中的所有内容分解为组件。然而，我们甚至可以在不使用框架或库的情况下做类似的事情，那就是纯 JavaScript（Vanilla JavaScript）。本文将讨论什么是 Web 组件以及它们为何有用。最后，它将带您了解如何从头开始创建 Web 组件。Web 组件
vanilla js_用Vanilla js编写前端组件
weixin_26736149的博客
09-20 616
vanilla jsThere’s so much hype these days around front-end frameworks (React, Angular, Vue) that I thought I would stop and think about what the problem is that these frameworks are solving and what t...
vanilla_Vanilla JavaScript中的MVC设计模式
07-14 170
vanilla 设计模式通常被合并到流行的框架中。 例如， 模型-视图-控制器（MVC）设计模式是一种普遍存在的模式。 在JavaScript中，很难将框架与设计模式脱钩。 通常，特定的框架会带有自己对此设计模式的解释。 框架附带意见，每个框架都迫使您以某种方式进行思考。 现代框架规定了MVC模式的具体实现是什么样的。 当所有解释都不同时，这会造成混乱，从而增加噪音和混乱。 当任何代码库采用...
《Vue Router实战教程》12.不同的历史记录模式
最新发布
大强博客
04-11 444
由于我们的应用是一个单页的客户端应用，如果没有适当的服务器配置，用户在浏览器中直接访问 https://example.com/user/id，就会得到一个 404 错误。另外，如果你使用的是 Node.js 服务器，你可以通过在服务器端使用路由器来匹配传入的 URL，如果没有匹配到路由，则用 404 来响应，从而实现回退。不用担心：要解决这个问题，你需要做的就是在你的服务器上添加一个简单的回退路由。虽然不推荐，你仍可以在浏览器应用程序中使用此模式，但请注意它不会有历史记录，这意味着你无法后退或前进。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值