js框架或者庫

使用 flv.js 作直播

flv.js 是來自 Bilibli 的開源項目。它解析 FLV 文件餵給原生 HTML5 Video 標籤播放音視頻數據,使瀏覽器在不借助 Flash 的狀況下播放 FLV 成爲可能。

css

unicorn.js - 一個 JavaScript 實現的開源 CPU 模擬器

在瀏覽器裏運行 ARM/MIPS/SPARC/X86

前端

JParticles 2.0 發佈,打造炫酷的粒子特效

JParticles(JavaScript particles 的縮寫)是一款基於 Canvas 的不依賴於其餘庫的輕量級 JavaScript 粒子運動特效插件庫。提供一些比較絢麗,實用的特效應用於 WEB 界面,但願能達到錦上添花的做用,給用戶帶來些許驚喜。https://jparticles.js.org

程序員

使用draft.js開發富文本編輯器

Draft.js是Facebook開源的開發React富文本編輯器開發框架。draft.js提供了一系列開發富文本編輯器的工具。本文經過開發一些簡單的富文本編輯器介紹draft.js提供的各類能力

編程

簡單易用的開源 JavaScript 動畫圖標庫 -- Titanic

若是你用過 Font Awesome 等圖標,你可能會以爲它們很好看,用起來很很方便。可是,在用戶點擊這些圖標的時候,它們是不會有反應的。若是有這些圖標會動的話,那就更加好。 Titanic 提供一系列的動畫圖標,以及以 JavaScript 的調用圖標動畫的方法。canvas

若是你想要看 Hello, World 的版本的話,你能夠到個人 Codepen 裏面,測試一下。

瀏覽器

easy-video-player -- 一個視頻播放庫

Video playback on Android, made easy, wrapping around the stock MediaPlayer API.

微信

用 Electron 實現的 Webpack Dashboard 的 GUI 版本

Webpack Dashboard 的 GUI 顯示插件

app

工具武裝的前端開發工程師

Awesome Mac  這個倉庫主要是收集很是好用的Mac應用程序、軟件以及工具,主要面向開發者和設計師。有這個想法是由於我最近發了一篇較爲火爆的漲粉兒微信公衆號文章《工具武裝的前端開發工程師》,因而建了這麼一個倉庫,持續更新做爲補充,蒐集更多好用的軟件工具。請Star、P…

框架

Epii.js 簡約而不簡單的Js模板引擎

一個輕量級模板引擎,可快速實現數據與ui綁定(數據變更,UI自動變更),快速實現事件綁定和處理,不依賴任何第三方庫,僅僅8k。

編輯器

瀏覽器自動化測試初探 - 使用 phantomjs 與 casperjs

首先要解釋一下爲何叫瀏覽器自動化測試,由於本文只關注發佈後頁面功能的自動化測試,也就是 UI 層面的自動化。說到瀏覽器自動化測試,不得不介紹大名鼎鼎的 phantomjs 及 casperjs。phantomjs 能夠理解爲一個無界面的瀏覽器,能夠經過流水線式的代碼來驅動其頁面的瀏覽行爲,然後者是前者在易用性 API 上的一些封裝。

程序員必備的變量命名神器:Codelf

相信你們,或多或少都在編程過程當中爲變量和函數命名苦惱過。今天分享的這個神器,就是專治各類命名症狀的,目前做者已開發了 Chrome App、Atom 插件、Sublime Text 插件,而 VS Code 插件也已經出爐,你們能夠下載使用下。 ​​​​

AR.js - 使用 JavaScript 在瀏覽器裏實現 VR 效果

AR.js: Efficient Augmented Reality for the Web using ARToolKit - 60fps on mobile!

tippyjs - 一個小巧的純 JS 的 Tooltip 開源庫

樣式很新潮,不依賴其餘庫

Type.js 錄製並在網頁中回放打字效果

Type.js 是一個打字效果的錄製工具, 在終端中錄製一段文本便可經過內置的 JavaScript 庫嵌入網頁中!

一個大小約 2k 的圖片高斯模糊庫 —— blurify.js

一個大小約 2k 的圖片高斯模糊庫,優先使用 css 模式,若是瀏覽器不支持則使用 canvas 導出 base64 的模式。固然也能夠固定選擇某一種模式。

NodeJs 交互式命令行工具 Inquirer.js - 開箱指南

Inquirer.js 試圖爲 NodeJs 作一個可嵌入式的美觀的命令行界面。

水平滑動組件 Flipsnap

簡潔實現水平滑動 Slider 功能的 JS 組件

用 JS 寫的圖片壓縮工具

A simple JavaScript image compressor. Uses the Browser's native canvas.toBlob API to do the compression work. General use this to precompress a client image file before upload it.

Zoomage.js 正式版 V1.0.0 核心原理介紹

通過了幾周時間的思考和實踐,Zoomage.js 的正式版本(V1.0.0)今天終於發佈了。在這個正式版本中,咱們加入了對圖片的 平移、旋轉、縮放 三種手勢動做的徹底支持。同時對縮放的 "邊界緩動" 效果進行了調整,使整個縮放動做更加緩和,天然和流暢。基於兩套不一樣的動做處理方案爲瀏覽器兼容性帶來了保障。

一個超輕量級的時間處理工具庫 - dateformat.js

一個輕量級的時間處理工具庫 - dateformat.js,裏面包含了經常使用的時間處理工具方法,使用起來很是便捷,文檔清晰明瞭,歡迎 star

相關文章
相關標籤/搜索