¿Qué es VanillaJS?


688

Tengo una pregunta simple, que se me quedó pegada por unos días: ¿Qué es VanillaJS? Algunas personas se refieren a él como un marco, puede descargar una biblioteca desde las páginas oficiales.

Pero cuando reviso algunos ejemplos o TodoMVC, solo usan las funciones clásicas de JavaScript sin incluir la biblioteca de las páginas oficiales ni nada. Además, el enlace "Documentos" en la página web oficial conduce a la especificación Mozilla de JavaScript.

Mi pregunta es: ¿VanillaJS es JavaScript sin procesar? Y en caso afirmativo, ¿por qué las personas se refieren a él como "marco" cuando todo lo que necesita es un navegador sin ningún script especial incluido?

Lamento una pregunta probablemente estúpida, pero no tengo idea de qué están hablando las personas cuando dicen "VanillaJS".


245
VanillaJS es Javascript normal. Esa es la broma.
Nelson

30
vanilla-js.com (descargue la biblioteca, marque todas las opciones y mire el código fuente para ver cómo se hace)
Qantas 94 Heavy

35
Como el helado de vainilla es básicamente simple, "vainilla" en mucha jerga significa "simple o aburrido"
TecBrat

21
"Tamaño final: 0 bytes sin comprimir, 25 bytes comprimidos". Me encanta: O)
cronvel

23
Lo realmente deprimente es que aparece en las especificaciones de trabajo como VanillaJS, trágico lo poco que muchos reclutadores saben sobre los roles para los que reclutan.
Phil Lello

Respuestas:


582

Esto es VanillaJS (sin modificar):

// VanillaJS v1.0
// Released into the Public Domain
// Your code goes here:

Como puede ver, no es realmente un marco o una biblioteca. Es solo una mordaza para los jefes amantes de los marcos o las personas que piensan que NECESITAS usar un marco JS. Significa que solo usa lo que le da su navegador (por su propio bien: no heredado) (usar Vanilla JS cuando trabaja con navegadores heredados es una mala idea).


33
Entonces, cuando viste que el wiki de tu comunidad estaba recibiendo votos, ¿decidiste eliminarlo y volver a publicarlo?
Blue Skies

22
@BlueSkies: No. Inicialmente era solo la primera parte con el bloque de código. Es decir, una respuesta "divertida". Por eso lo hice CW. Luego decidí convertirlo en una respuesta adecuada, ya que el OP parece haber hecho una pregunta legítima que debería responderse correctamente.
ThiefMaster

44
Bueno, cuando uno dice que algo es una "mala idea", uno expresa una opinión que no es necesariamente cierta.
Blue Skies

13
FYI: Vanilla JS ahora tiene 0 bytes, 25 bytes comprimidos.
Trisped

8
@BlueSkies: El hecho de que "JS simple (" vainilla ") sea malo cuando se trabaja con navegadores heredados" no es una opinión, es un hecho. Es la razón por la cual se inventaron marcos como jQuery y otros: ¡para simplificar su vida cuando se trata del infierno de incompatibilidades del navegador! :) La única razón por la que Vanilla JS comenzó a regresar en 2016 es que la mayoría de los navegadores modernos ahora cumplen mucho más con los estándares que en el pasado, por lo que necesita cada vez menos marcos (especialmente si es un experto en JavaScript).
Sorin Postelnicu

371

Usar "VanillaJS" significa usar JavaScript sin ninguna biblioteca adicional como jQuery.

La gente lo usa como una broma para recordar a otros desarrolladores que muchas cosas se pueden hacer hoy en día sin la necesidad de bibliotecas JavaScript adicionales.

Aquí hay un sitio divertido que habla en broma sobre esto: http://vanilla-js.com/


3
El sitio web vanilla-js.com es realmente divertido :) con mucha buena información sobre VaniliaJs
Mohammad Kermani

74

VanillaJS es un término para javascript libre de bibliotecas / framework.

A veces se lo conoce irónicamente como una biblioteca, como una broma para las personas que podrían verse sin pensar utilizando diferentes marcos, especialmente jQuery.

Algunas personas han ido tan lejos para lanzar esta biblioteca, generalmente con un archivo js vacío o solo con comentarios.


55
OTOH Me gusta la portabilidad del navegador y la sintaxis concisa y productiva. jQuery me da eso, y en general, es una muy buena selección de diseño, mucho mejor que confiar en VanillaLongwindedAndBrowserIncompatible-JS.
Thomas W

Por supuesto. No hay nada de malo en usar jQuery. Simplemente explicando la mentalidad detrás de la broma, sin respaldarla. Ahora aclaró la redacción.
Ben McCormick

3
@ThomasW También me gusta la portabilidad y la sintaxis concisa y productiva. Es por eso que escribo function doSomething(args) { ... }y luego, en mi código, puedo doSomethingincluso en menos código que jQuery. ;)
Niet the Dark Absol

44
Genial, si no tiene que lidiar con problemas del DOM o del navegador del mundo real. La mayoría de las personas que construyen webapps lo hacen. La manipulación del DOM y la portabilidad del navegador son los problemas, a los que se inventó jQuery (mejorando en Prototype.js) como solución. Estoy de acuerdo con @ NiettheDarkAbsol, que para el código de algoritmo puro jQuery no es relevante.
Thomas W

@ThomasW ¿Los "problemas de DOM o navegador del mundo real" causan un gran problema en IE 9 y versiones posteriores? Por lo que puedo decir, la mayoría de dichos problemas son con IE 8 y anteriores. IE en XP no era compatible cuando escribió ese comentario, e IE 8 en Windows Vista y Windows 7 ya no es compatible ahora que Microsoft solo admite el último IE disponible para cada sistema operativo.
Damian Yerrick

49

Esto es una broma para aquellos que están entusiasmados con los marcos de JavaScript y no conocen el Javascript puro.

Entonces VanillaJS es lo mismo que Javascript puro .

Vainilla en argot significa:

poco emocionante, normal, convencional, aburrido

Aquí hay una buena presentación en YouTube sobre VanillaJS: ¿Qué es Vanilla JS?


3
Esto es realmente una broma estúpida que es muy confusa para los novatos. Es tan obvio que a los ingenieros de front end les gusta nublar las aguas para que parezcan saber más que la siguiente persona.
Ringo

1
@Ringo No más que los chistes franceses que requieren un conocimiento profundo de la cultura francesa para entender tienen la intención de hacer que las personas que les dicen parezcan saber más que otros. Las personas pueden estar usando algunos "chistes" para excluir a otros, pero esa no es una buena suposición, especialmente cuando son rápidos de explicar cuando se les pregunta.
Roy Tinker

45

La respuesta simple y simple es sí, VanillaJS === JavaScript, según lo prescrito por el Dr. B. Eich.


17
E incluso Object.is (VanillaJS, JavaScript) excepto, por supuesto, IE.
usuario2345215

44

VanillaJS === JavaScript, es decir, VanillaJS es JavaScript nativo

¡Por qué, Vanilla lo dice todo!

El software de la computadora, y a veces también otros sistemas relacionados con la informática, como el hardware o los algoritmos de la computadora, se denominan vainilla cuando no se personalizan desde su forma original, lo que significa que se usan sin ninguna personalización o actualización aplicada ( consulte este artículo ). Entonces, la vainilla a menudo se refiere a puro o simple.

En inglés, Vanilla tiene un significado similar. En tecnología de la información, vainilla (pronunciado vah-NIHL-uh) es un adjetivo que significa simple o básico . O no tener características especiales o adicionales , ordinarias o estándar .

Entonces, ¿ por qué llamarlo VanillaJS? Como dice la respuesta aceptada, algunos jefes quieren trabajar con un marco (porque es más organizado y flexible y hacen todas las cosas que queremos), pero simplemente JavaScript hará el trabajo. Sin embargo, debe agregar un marco en alguna parte. Usa VanillaJS ...

¿Es una broma ? SI

¿Querer algo de diversión? ¿Dónde puede encontrarlo, http://vanilla-js.com/ Descargue y vea por usted mismo! Es 0 bytes uncompressed, 25 bytes gzipped: D

Encontré este juego de palabras en Internet con respecto a los marcos JS (sin embargo, para no condenar los marcos JS existentes, harán la vida realmente fácil :)), ingrese la descripción de la imagen aquí

Consulte también


1
pruebe 2.2 * 100 en vanilla js: D
Suhail Mumtaz Awan el

5

"Vanilla JS" es una expresión que se hizo popular después de la publicación de un sitio web de la sátira en 2012 ( http://vanilla-js.com/ ). Hay una sección que cubre su historia / significado en esta publicación .

Entonces, ¿por qué la broma? Fue como una respuesta moderna al reflejo instintivo de la vieja escuela de confiar en jQuery y bibliotecas JS adicionales. Con la especificación ECMAScript y las capacidades de los navegadores modernos, la necesidad de omitir JS simple con bibliotecas externas para mantener la coherencia entre los navegadores ya no existe. Aquí hay un sitio que muestra cuán cierto es esto con ejemplos concretos: http://youmightnotneedjquery.com/


1

Esta palabra, por lo tanto, VanillaJSes una maldita broma que cambió mi vida. Fui a una empresa alemana para una entrevista, era muy pobre JavaScripty CSSmuy pobre, así que el entrevistador me dijo: Estamos trabajando aquí con VanillaJs , así que debes conocer este marco .

Definitivamente, entendí que fui rechazado, pero durante una semana busqué VanillaJS , después de todo, encontré ESTE ENLACE . 😂

Lo que soy fue por ese chiste.

VanillaJS === plain `JavaScript`

1
Entiendo que vanilla JS es una broma
rodude123

0

No hay ninguna diferencia, VanillaJSes solo una forma de referirse a JavaScript nativo (no extendido y basado en estándares). En términos generales, es un término de contraste cuando se usan bibliotecas y marcos como jQuery y React. El sitio web www.vanilla-js.com hace hincapié en ello como una broma, al hablar VanillaJScomo si fuera un marco rápido, liviano y multiplataforma. Que enturbia las aguas! Por lo tanto, puede ser una pequeña pregunta filosófica: "¿cuántas cosas compilo a Vanilla JavaScriptsin ser VanillaJSellos mismos?" Entonces, una mera guía para eso es: si puede escribir el código y ejecutarlo en cualquier navegador web actual sin herramientas adicionales o los llamados pasos de compilación, podría ser VanillaJS.

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.