jQuery、Bootstrap、ECharts、TreeJS、NodeJS、VueJS技術闡述

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是作數據統計。

一、 Echarts，一個純 Javascript 的圖表庫，能夠流暢的運行在 PC 和移動設備上，兼容當前絕大部分瀏覽器（IE8/9/10/11），Chrome，Firefox，Safari等。

二、底層依賴輕量級Canva+庫 ZRender，提供直觀，生動，可交互，可高度個性化定製的數據可視化圖表。

三、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:

1. VueJS 目的：

VueJs的產生核心是爲了解決：

a: 解決數據綁定的問題，

b: vue框架產生的主要目的是爲了開發大型單頁面應用，

c: 它還支持組件化，也就是能夠將頁面封裝成若干個組件，採用積木式進行編程，這樣使頁面複用性達到最高（支持組件化）。

2.VueJS 特性：

I: MVVM模式（數據變量（model）發生改變 視圖（view）也改變， 視圖（view）改變，數據變量（model）也發生改變）