温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

JavaScript框架Vanilla JS的使用方法

发布时间:2021-09-30 15:31:42 来源:亿速云 阅读:165 作者:柒染 栏目:开发技术

JavaScript框架Vanilla JS的使用方法,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

  VanillaJS是一个快速、轻量级、跨平台的JavaScript框架。我们可以用它构建强大的JavaScript应用程序。

  VanillaJS的介绍

  VanillaJS小巧而符合直觉。

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

  Facebook

  Google

  YouTube

  Yahoo

  Wikipedia

  WindowsLive

  TwitterAmazon

  LinkedIn

  MSN

  eBay

  Microsoft

  Tumblr

  Apple

  Pinterest

  PayPal

  Reddit

  Netflix

  StackOverflow

  实际上,使用VanillaJS的网站比使用jQuery、PrototypeJS、MooTools、YUI和GoogleWebToolkit的网站加起来还要多.

  VanillaJS的模块化

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

  核心功能

  DOM(遍历/选择器)

  基于原型的对象系统

  AJAX

  动画

  事件系统

  正则表达式

  函数作为第一类对象

  闭包

  数学库

  数组库

  字符串库

  开始使用

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

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

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

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

  性能比较

  看看VanillaJS到底有多快:

  根据ID获取DOM元素

  框架代码次数/秒VanillaJSdocument.getElementById('test-table');12,137,211Dojodojo.byId('test-table');5,443,343PrototypeJS$('test-table')2,940,734ExtJSdeleteExt.elCache['test-table'];Ext.get('test-table');997,562jQuery$jq('#test-table');350,557YUIYAHOO.util.Dom.get('test-table');326,534MooToolsdocument.id('test-table');78,802

看完上述内容,你们掌握JavaScript框架Vanilla JS的使用方法的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注亿速云行业资讯频道,感谢各位的阅读!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI