扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
JavaScript框架Vanilla JS的使用方法,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。
成都创新互联公司坚持“要么做到,要么别承诺”的工作理念,服务领域包括:网站建设、成都网站建设、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的巴林右旗网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!VanillaJS是一个快速、轻量级、跨平台的JavaScript框架。我们可以用它构建强大的JavaScript应用程序。
VanillaJS的介绍
VanillaJS小巧而符合直觉。
有哪些企业采用了VanillaJS?很多,很多,下面只是其中最知名的一部分:
YouTube
Yahoo
Wikipedia
WindowsLive
TwitterAmazon
MSN
eBay
Microsoft
Tumblr
Apple
PayPal
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的使用方法的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注创新互联行业资讯频道,感谢各位的阅读!
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流