JavaScript框架Vanilla JS的使用方法

JavaScript框架Vanilla JS的使用方法，相信很多沒有經(jīng)驗的人對此束手無策，為此本文總結(jié)了問題出現(xiàn)的原因和解決方法，通過這篇文章希望你能解決這個問題。

　　VanillaJS是一個快速、輕量級、跨平臺的JavaScript框架。我們可以用它構(gòu)建強大的JavaScript應(yīng)用程序。

　　VanillaJS的介紹

　　VanillaJS小巧而符合直覺。

　　有哪些企業(yè)采用了VanillaJS？很多，很多，下面只是其中最知名的一部分：

　　Facebook

　　Google

　　YouTube

　　Yahoo

　　Wikipedia

　　WindowsLive

　　TwitterAmazon

　　LinkedIn

　　MSN

　　eBay

　　Microsoft

　　Tumblr

　　Apple

　　Pinterest

　　PayPal

　　Reddit

　　Netflix

　　StackOverflow

　　實際上,使用VanillaJS的網(wǎng)站比使用jQuery、PrototypeJS、MooTools、YUI和GoogleWebToolkit的網(wǎng)站加起來還要多.

　　VanillaJS的模塊化

　　VanillaJS包括如下模塊，下載安裝時可以只選擇需要的模塊，以便提高性能。

　　核心功能

　　DOM(遍歷/選擇器)

　　基于原型的對象系統(tǒng)

　　AJAX

　　動畫

　　事件系統(tǒng)

　　正則表達式

　　函數(shù)作為第一類對象

　　閉包

　　數(shù)學(xué)庫

　　數(shù)組庫

　　字符串庫

　　開始使用

　　VanillaJS是世界上最輕量的javascript框架（沒有之一），使用我們的產(chǎn)品部署策略，你的用戶的瀏覽器向你的站點發(fā)送請求前就已經(jīng)把VanillaJS加載在瀏覽器里了。

　　使用VanillaJS只需在應(yīng)用的HTML里加入這行：

　　當你部署你的應(yīng)用的時候，使用這個更快的方法：

　　你沒看錯！沒有任何代碼，VanillaJS太流行了，所有的瀏覽器在十年前就已經(jīng)內(nèi)置了它。

　　性能比較

　　看看VanillaJS到底有多快：

　　根據(jù)ID獲取DOM元素

　　框架代碼次數(shù)/秒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

看完上述內(nèi)容，你們掌握JavaScript框架Vanilla JS的使用方法的方法了嗎？如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！