參考地址
http://www.techweb.com.cn/network/system/2015-12-23/2245809.shtml
https://www.cnblogs.com/mbailing/p/5627792.html
https://www.zhihu.com/question/35069742
框架和庫的區別
庫的作用是對底層API的封裝，對外提供統一的API接口，使得代碼書寫簡單方便，不用考慮因為系統和瀏覽器不同造成調用不同的API，但庫不會改變書寫代碼或代碼運行的結構
框架就是單獨設計一套代碼編寫和運行的流程，並且框架初始化之后就是一個可以直接運行的程序，只是里面的很多內容都有默認處理程序，編寫者需要做的就是編寫自己的處理程序，用以替換掉框架的默認程序。
node.js
這是js的運行環境，並不是一個框架，很多框架是運行在它上面的
angular.js
Angular 采用 MVC 架構。它提供了 Model 層和 View 層之間雙重數據綁定。這種數據綁定方式的好處是不管哪邊數據改變，都會自動的更新兩邊的數據。這有助於你構建可服用的 View 組件。它還提供了一個前后端服務易於交互的服務框架。最重要的是，它是簡單的 JavaScript。
什么時候使用 AngularJS? 當你構建一個復雜的網頁前端應用並需要一個單獨的模塊框架去處理一切時。
React
react 基本上用來作為 MVC 中的 V。它完全專注於 MVC 中的 V 部分，而忽略了應用中的其它部分架構。它提供了一個組件層，這讓我們易於制作UI元素並將這些UI元素組合在一起。它抽象出了DOM，因此而優化了渲染， 並允許你使用 node.js 渲染 React。另外，它實現了單向數據交互流，這使它比其它的框架更易於理解和使用。
多個項目例如 Angular ，Ember 綁定使用 React 成為 MVC 中的 V。
什么時候使用 React？當你想要有一個強大的 View 層，而應用中的其它部分缺不需要一個復雜的框架時，或當你想要一個 View 層和你的 Angular， Backbone，或者 Ember應用一起使用。當你試着構建一個同構的網頁框架。
jquery mobile
jquery的移動版本
BackboneJS
require.js
特性是代碼的組件化
可視化組件
1.Echarts
- 地址：http://echarts.baidu.com/
- 描述：ECharts，一個純 Javascript 的圖表庫，可以流暢的運行在 PC 和移動設備上，兼容當前絕大部分瀏覽器（IE8/9/10/11，Chrome，Firefox，Safari等），底層依賴輕量級的 Canvas 類庫ZRender，提供直觀，生動，可交互，可高度個性化定制的數據可視化圖表。
2.Highcharts
地址：https://www.hcharts.cn, https://www.highcharts.com/
3.Tableau
地址：https://www.tableau.com/, https://www.tableau.com/zh-cn, https://public.tableau.com/s/
4.D3.js
基於svg的封裝
http://www.w3school.com.cn/html5/html_5_canvas_vs_svg.asp
SVG
SVG 是一種使用 XML 描述 2D 圖形的語言。
SVG 基於 XML，這意味着 SVG DOM 中的每個元素都是可用的。您可以為某個元素附加 JavaScript 事件處理器。
在 SVG 中，每個被繪制的圖形均被視為對象。如果 SVG 對象的屬性發生變化，那么瀏覽器能夠自動重現圖形。
Canvas
Canvas 通過 JavaScript 來繪制 2D 圖形。
Canvas 是逐像素進行渲染的。
在 canvas 中，一旦圖形被繪制完成，它就不會繼續得到瀏覽器的關注。如果其位置發生變化，那么整個場景也需要重新繪制，包括任何或許已被圖形覆蓋的對象。