1. 程式人生 > >彙總一些知名的 JavaScript 開發開源專案

彙總一些知名的 JavaScript 開發開源專案

轉自:CTOLib ,

www.ctolib.com/topics-107352.html

 

ggraph - 圖形視覺化的凌亂資料

這是一個建立在D3之上的庫,目的是改進我們如何處理大型和凌亂的圖形。 它擴充套件了節點和鏈路與節點組的概念。 它非常適用於當多個節點事實上是同一事物或屬於同一組時。

ggraph

medium-editor - Medium.com WYSIWYG編輯器的克隆. 使用可改寫的API來實現富文字解決方案。

me

Chart.js  —  一個使用canvas元素實現簡單HTML5圖表。

Chart.js提供了兩種可供您使用的不同構建。 Chart.js和Chart.min.js檔案包括Chart.js和附帶的顏色解析庫。 如果使用此版本,並且您需要使用時間軸,則需要在Chart.js之前包含Moment.js。

chart.js

Moment.js  — 一個用於解析,驗證,操作和格式化日期的輕量級JavaScript日期庫。

moment.js

Clipboard.js  — 現代拷貝到剪貼簿。 無Flash。 只有3kb gzipped。

clipboard.js

D3  —  用於使用Web標準視覺化資料的JavaScript庫。 D3幫助您使用SVG,Canvas和HTML將資料帶入生活。 D3將強大的視覺化和互動技術與資料驅動的DOM操作方法相結合,為您提供現代瀏覽器的全部功能以及為您的資料設計合適自由的可視介面。

d3

Reveal.js  — 一個框架,使用HTML輕鬆建立漂亮的簡報ppt。

線上示例.

reveal.js擁有豐富的功能,包括巢狀幻燈片,Markdown內容,PDF匯出,演講者備註和JavaScript API。 還有一個功能齊全的視覺化編輯器和平臺,用於在slides.com上分享reveal.js簡報。

 

Impress.js  — 它是一個基於現代瀏覽器中CSS3變換和轉換特性的展示框架。 

線上示例.

 

SweetAlert2  —  JavaScript alert的一個強大替代。

線上示例.

sweetalert

Video.js  —   一個開源的HTML5 & Flash視訊播放器

Video.js是一個從頭開始構建的HTML5視訊播放器。 它支援HTML5和Flash視訊,以及YouTube和Vimeo(通過外掛)。 它支援在臺式機和移動裝置上播放視訊。 這個專案於2010年年中開始,現在使用者使用超過400,000個。

線上示例.

 

Ace  —  是一個用JavaScript編寫的獨立程式碼編輯器。

Ace的目標是建立一個基於瀏覽器的編輯器,匹配和擴充套件現有的本地編輯器(如TextMate,Vim或Eclipse)的功能、可用性和效能。 它可以輕鬆地嵌入任何網頁或JavaScript應用程式。 Ace被開發為Cloud9 IDE的主要編輯器。

線上示例.

 

Dragula  —  :ok_hand: 讓你能夠很簡便得實現拖放功能

dragula

線上示例.

 

Hyper  — 基於web技術的終端。採用 HTML, CSS & JavaScript 技術開發

hyper

 

WebTorrent  — :zap: 瀏覽器中Streaming torrent客戶端。WebTorrent is a streaming torrent client for node.js and the browser.

webtorrent

 

PhotoSwipe  —  JavaScript 相簿控制元件,支援移動和桌面,模組化和框架獨立。

 

Docsify  —  :black_joker:一個神奇的文件站點生成器。

docsify

 

Enzyme 一個用於React的JavaScript測試工具,它可以更容易地斷言,操作和遍歷你的React元件的輸出。

Enzyme的API通過模仿jQuery API來操縱和遍歷DOM,這意味它API的直觀和靈活。

 

sigma.js  — 專用於圖形繪製的JavaScript庫。

sigma

eme  — 一個優雅的Markdown編輯器

eme

async  — 一個實用Node模組,它提供了直接的,強大的功能來處理非同步JavaScript。 雖然最初設計為使用Node.js可以通過npm install --save async安裝,但它也可以直接在瀏覽器中使用。  

 

Mongotron  —  一個使用Electron和Angular JS構建的MongoDB GUI。

mongotron

 

Three.js 用於在Web瀏覽器中建立和顯示動畫3D計算機圖形的跨瀏覽器JavaScript庫/ API。 Three.js使用WebGL。

three

 

A-Frame 用於構建虛擬現實(VR)體驗的Web框架。 A-Frame場景使用HTML和實體元件體系結構構建,可在移動裝置,桌面裝置,Vive和Rift上執行。

aframe

 

Fabric.js 是一個讓開發人員能夠使用HTML5 canvas元素的框架,它是一個在canvas元素上的互動式物件模型。 它也是一個SVG-to-canvas解析器。

fabric

socket.io —  實時應用程式框架(Node.JS伺服器).

socket.io

Express  —  基於Node.js 平臺,快速、開放、極簡的 web 開發框架。

express

Grunt  —JavaScript任務執行器。

grunt

Gulp  — 流構建系統

gulp

Webpack  — 一款模組載入器兼打包工具,它能把各種資源,例如JS(含JSX)、coffee、樣式(含less/sass)、圖片等都作為模組來使用和處理。它的主要目的是將JavaScript檔案捆綁在瀏覽器中使用,但它也能夠轉換,捆綁或打包任何資源或資產。 

webpack

Ghost  —一個簡單,強大的釋出平臺。

ghost

Hexo  —  一個快速、簡單和強大的部落格框架,採用Node.js開發。

hexo

Wintersmith  —  一個簡單而靈活的靜態站點生成器。 它使用外掛轉換(markdown, less, scripts等)內容,然後輸出一個靜態網站(html,css,影象等),你可以託管在任何地方。

wintersmith

 

N1  —  一個開源的郵件客戶端,建立在現代的Web技術之上,包括Electron,React和Flux。 它的設計是可擴充套件的,所以很容易建立圍繞電子郵件的新體驗和工作流程。 N1基於Nylas Sync Engine構建,這也是開源免費軟體。 

 main

 

Countly  —基於外掛的實時移動,Web和桌面分析平臺,具有超過10個不同的SDK。 Countly還包括針對移動裝置的大量推送通知和崩潰報告服務。

countly

strider  —  一個開源持續部署/持續整合平臺。採用Node.JS/JavaScript編寫的,並且使用MongoDB作為後臺儲存。 

strider

yarn  — :package::cat2: 快速,可靠,安全的依賴管理。

yarn

lodash  —現代JavaScript實用工具庫提供模組化,效能提升等。

lodash

babel  — :tropical_fish: Babel是一個編寫下一代JavaScript的編譯器。

babel

PouchDB 是一個受Apache CouchDB啟發的開源JavaScript資料庫,旨在在瀏覽器中良好執行。

PouchDB是為幫助Web開發人員構建線上工作的離線應用程式而建立的。 它使應用程式能夠在離線時本地儲存資料,然後在應用程式重新聯機時將其與CouchDB和相容伺服器同步,從而保持使用者的資料同步,無論他們下次登入到何處。

用法:

var db = new PouchDB('dbname');

db.put({
  _id: '[email protected]',
  name: 'David',
  age: 69 }); db.changes().on('change', function() { console.log('Ch-Ch-Changes'); }); db.replicate.to('http://example.com/mydb');

 

fullPage.js - 一個簡單易用的外掛來建立全屏滾動網站(也稱為單頁網站)。 它允許建立全屏滾動網站,以及在網站的部分中新增一些橫向滑塊。

fullpage

PM2 一個具有內建負載均衡器的Node.js應用程式的生產流程管理器。 它允許您永久保持應用程式,重新載入它們,而不會停機,並促進常見的系統管理任務。

Process listing