关键词搜索

全站搜索
×
密码登录在这里
×
注册会员

已有账号? 请点击

忘记密码

已有账号? 请点击

使用其他方式登录

Vanilla JS世界上最轻量的JavaScript框架

发布2022-07-06 浏览1077次

详情内容

anillaJS是史上最轻量跨平台前端框架 ,我们能够使用它构建强大的JS应用。从过去到以后他都是最轻量的框架

介绍

vanillaJS目前在国外备受推崇,Bootstrap5舍弃了Jquery,选择了它作为基础框架,有哪些知名企业使用了它呢:

  • 字节跳动

  • 百度

  • 阿里巴巴

  • 美团

  • 谷歌

  • facebook

  • github

腾讯 以上只列出了一些耳熟能详的企业,事实上他的应用范围远超你的想象


有哪些企业采用了Vanilla JS?很多,很多,下面只是其中最知名的一部分:

  • Facebook

  • Google

  • YouTube

  • Yahoo

  • Wikipedia

  • Windows Live

  • Twitter Amazon

  • LinkedIn

  • MSN

  • eBay

  • Microsoft

  • Tumblr

  • Apple

  • Pinterest

  • PayPal

  • Reddit

  • Netflix

  • Stack Overflow

实际上, 使用 Vanilla JS 的网站比使用jQuery、Prototype JS、MooTools、YUI 和 Google Web Toolkit 的网站加起来还要多.


模块化

VanillaJS包括如下模块,下载安装时可以只选择需要的模块,以便提高性能。

核心功能

DOM(遍历/选择器)

基于原型的对象系统

AJAX

动画

事件系统

正则表达式

函数作为第一类对象

闭包

数学库

数组库

字符串库


开始使用

Vanilla JS是世界上最轻量的javascript 框架(沒有之一),使用我们的产品部署策略,你的用户的浏览器向你的站点发送请求前就已经把Vanilla JS加载在浏览器里了。

使用Vanilla JS只需在应用的HTML里加入这行:

<script src="path/to/vanilla.js"></script>

当你部署你的应用的时候,使用这个更快的方法:

你没看错!没有任何代码,Vanilla JS 太流行了,所有的浏览器在十年前就已经内置了它。


性能比较

看看Vanilla JS到底有多快:

根据ID获取DOM元素

框架 代码 次数/秒
Vanilla JS document.getElementById('test-table'); 12,137,211
Dojo dojo.byId('test-table'); 5,443,343
Prototype JS $('test-table') 2,940,734
Ext JS delete Ext.elCache['test-table']; Ext.get('test-table'); 997,562
jQuery $jq('#test-table'); 350,557
YUI YAHOO.util.Dom.get('test-table'); 326,534
MooTools document.id('test-table'); 78,802

根据标签名获取DOM元素

框架 代码 次数/秒
Vanilla JS document.getElementsByTagName("span"); 8,280,893
Prototype JS Prototype.Selector.select('span', document); 62,872
YUI YAHOO.util.Dom.getElementsBy(function(){return true;},'span'); 48,545
Ext JS Ext.query('span'); 46,915
jQuery $jq('span'); 19,449
Dojo dojo.query('span'); 10,335
MooTools Slick.search(document, 'span', new Elements); 5,457
点击QQ咨询
开通会员
上传资源赚钱
返回顶部
×
  • 微信支付
  • 支付宝付款
扫码支付
微信扫码支付
请使用微信描二维码支付
×

提示信息

×

选择支付方式

  • 微信支付
  • 支付宝付款
确定支付下载