网站建设资讯

NEWS

网站建设资讯

JavaScript框架VanillaJS的使用方法-创新互联

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的使用方法的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


网页名称:JavaScript框架VanillaJS的使用方法-创新互联
文章起源:http://cdweb.net/article/ddhdch.html