jQuery:
Query是一個快速、簡潔的JavaScript框架,是繼Prototype之后又一個優秀的JavaScript代碼庫(或JavaScript框架)。jQuery設計的宗旨是“write Less,Do More”,即倡導寫更少的代碼,做更多的事情。它封裝JavaScript常用的功能代碼,提供一種簡便的JavaScript設計模式,優化HTML文檔操作、事件處理、動畫設計和Ajax交互。
jQuery的核心特性可以總結為:具有獨特的鏈式語法和短小清晰的多功能接口;具有高效靈活的css選擇器,並且可對CSS選擇器進行擴展;擁有便捷的插件擴展機制和豐富的插件。jQuery兼容各種主流瀏覽器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
Bootstrap:
Bootstrap是Twitter推出的一個開源的用於前端開發的工具包。它由Twitter的設計師Mark Otto和Jacob Thornton合作開發,是一個CSS/HTML框架。Bootstrap提供了優雅的HTML和CSS規范,它即是由動態CSS語言Less寫成。Bootstrap一經推出后頗受歡迎,一直是GitHub上的熱門開源項目,包括NASA的MSNBC(微軟全國廣播公司)的Breaking News都使用了該項目
ECharts:
echarts是做數據統計。
1、 Echarts,一個純 Javascript 的圖表庫,可以流暢的運行在 PC 和移動設備上,兼容當前絕大部分瀏覽器(IE8/9/10/11),Chrome,Firefox,Safari等。
2、底層依賴輕量級Canva+庫 ZRender,提供直觀,生動,可交互,可高度個性化定制的數據可視化圖表。
3、ECharts 3 中更是加入了更多豐富的交互功能以及更多的可視化效果,並且對移動端做了深度的優化。
TreeJS:
Treejs是一個基於JQuery的框架,實現簡單,功能比較齊全。
Treejs支持多種格式的數據源,其實json格式更好。data中代碼即可實現異步加載,通過設置UI參數可以修改主題,callback參數可以對一些事件作出響應,如beforedata可以在發送異步請求之前添加url參數,onselect可以響應生成的樹中節點的單擊事件,還有open在節點被打開的時候被調用,等等,可以幫助實現很多功能……
--1 碰到比較麻煩的事情是展開子節點向后台傳遞參數時需要用到父節點的id等信息,需要用到parent函數。
--2 另外,當展開一個節點從后台沒有查詢到子節點時需要返回<root></root>,不能使<root>,我當時用jdom生成xml碰到后者,出現了問題。
--3 callback中的事件需要自己去嘗試才能知道什么時候被觸發
2. 實現節點換膚
項目中涉及到得是電業局--變電站--間隔--設備,對於后三者節點圖標必須與其狀態對應,且狀態是動態的,所以需要后台在生成xml的時候設置icon屬性
NodeJS:
node.js是一個運行在chromeJavascript運行環境下(俗稱GoogleV8引擎)的開發平台,用來方便快捷的創建服務器端網絡應用程序。你可以把它理解為一個輕量級的JSP或PHP環境,但是用來開發Web應用的話,有時要便捷很多。
很多人都不明白,為什么一個javascript的東西用在了服務器端的開發上。一般認為javascript是瀏覽器端的腳本語言,但是google將其再開發,用來作為服務器端腳本環境,其性能自稱比Python、Perl、PHP還要快。
node.js的最大優點是處理並行訪問,如果一個web應用程序同時會有很多訪問連接,就能體現使用node.js的優勢。
另一個好處是,使用javascript作為服務器端腳本語言,可以消除一些與瀏覽器端js腳本的沖突。甚至發揮javascript動態編程的特性,在服務器與瀏覽器之間建立直接的動態程序。
VueJS:
-
VueJS 目的:
VueJs的產生核心是為了解決:
a: 解決數據綁定的問題,
b: vue框架產生的主要目的是為了開發大型單頁面應用,
c: 它還支持組件化,也就是可以將頁面封裝成若干個組件,采用積木式進行編程,這樣使頁面復用性達到最高(支持組件化)。
2.VueJS 特性:
I: MVVM模式(數據變量(model)發生改變 視圖(view)也改變, 視圖(view)改變,數據變量(model)也發生改變)