15個很有趣的開源專案推薦

新年快樂，愉快的假期中總是不自覺的開啟電腦?。開源的世界每天都會有各種驚喜，下面是我們整理的15個有趣的開源專案，希望當中有您喜歡的。

1. 視搭

Site: https://github.com/tnfe/shida

《視搭》是一個 視訊視覺化 搭建專案。您可以通過簡單的拖拽方式快速生產一個短視訊，使用方式就像易企秀或MAKA等 h5 搭建工具一樣的簡單。目前行業內罕有關於視訊視覺化搭建的開源專案，《視搭》是一個相對比較完整的開源專案，僅拋磚引玉希望您喜歡。

2. C2F

Site: https://github.com/drawcall/c2f

對於初學者來說，flutter widget的複雜樣式程式碼真的很難記。我們想建立一個線上將css樣式程式碼轉換為flutter樣式程式碼的網站。它可以幫助那些 Web 開發人員快速入門flutter。

3. TransX

Site: https://github.com/tnfe/transx

一個小巧玲瓏的 vue 元件切換動畫庫, 支援 10 幾種動畫切換方式, 效果十分炫酷並且非常輕量哦~

run-wasm

Site: https://github.com/slipHQ/run...

run-wasm 是一個易於使用的工具，用於在瀏覽器中執行基於 WASM 的程式碼執行。
該專案的目標是構建一種通過 WebAssembly 在瀏覽器中執行各種程式語言的簡單方法。
人們應該能夠使用這個專案輕鬆地在他們的網站上嵌入可執行程式碼片段！

5. InkPaint

Site: https://github.com/drawcall/i...

InkPaint是一個執行在node.js端的輕量級Canvas圖形渲染庫。使用InkPaint可以在服務端動態合成各種圖片、pdf等。同時，InkPaint是node.js和瀏覽器之間的通用庫，在瀏覽器端依然可以正常執行。

6. Awesome-1kb

Site: https://github.com/xucz/aweso...

收集?各種小巧而精緻的 1kb javascript小庫，麻雀雖小五臟俱全。

7. concent

Site: https://github.com/concentjs/...

內建依賴收集，可預測、零入侵、漸進式、高效能的react開發框架。concent是一個專為react提供狀態管理服務的框架，提煉現有各大框架的精華，以及社群公認的最佳實踐，通過良好的模組設計，既保證react的最佳效能又允許使用者非常靈活的解耦UI邏輯與業務邏輯的關係，從整體上提高程式碼的可讀性、可維護性和可擴充套件性。瞭解更多請訪問官方文件https://concentjs.github.io/c...。

8. CSIJS

Site: https://github.com/tnfe/csijs

CSI.JS是一個前端日誌系統，它將錯誤資訊記錄於本地localStorage中。無任何依賴、無入侵性。使用非常簡單，很容易引入你的系統中，而且不會造成任何影響。它可以幫你快速重建犯罪現場。

9. LIMU

Site: https://github.com/tnfe/limu

limu is short of love immutable, born for efficient creation and operation of immutable object.

import { produce, createDraft, finishDraft } from 'limu';

[](https://github.com/tnfe/limu#...)produce

const baseState = {
  a: 1,
  b: [ 1, 2, 3 ],
  c: {
    c1: { n: 1 },
    c2: { m: 2 },
  }
};
const nextState = produce(baseState, (draft)=>{
  draft.a = 2;
  draft.b['2'] = 100;
});

console.log(nextState === baseState); // false
console.log(nextState.a === baseState.a); // false
console.log(nextState.b === baseState.b); // false
console.log(nextState.c === baseState.c); // true

10. deno-tutorial

Site: https://github.com/hylerrix/d...

長期更新的《Deno 鑽研之術》！循序漸進學 Deno & 先易後難補 Node & 面向未來的 Deno Web 應用開發

基礎篇：循序漸進學 Deno 基礎知識；
標準庫篇：深入標準庫的內部世界；
CLI 篇：探索 CLI 命令列的知識；
Web 篇：打造 Web 開發基石；
Node 篇：先易後難補 Node 知識，探索與 Deno 的異與同；
Rust 篇：探索 Deno 底層有關 Rust 的更多知識；
前端篇：探索 Deno Web 前端應用開發的方式；
後端篇：探索 Deno Web 後端應用開發的方式；
架構篇：深入到 Deno 底層讀 V8，學架構；
生態篇：介紹 Deno 生態的相關內容；
翻譯篇：翻譯優質的、授權的英文一手博文。
以及更多

[![]()](https://raw.githubusercontent...)

11. dooringx lowcode

Site: https://github.com/H5-Dooring...

dooringx-lib 是 dooringx 的基座，是移除了 dooringx 外掛的視覺化拖拽框架。
dooringx-lib 提供自己的一套資料流事件機制以及彈窗等解決方案，可以讓你更快地自己定製開發視覺化拖拽平臺。
dooringx-lib 在執行時維護一套資料流，主要分為json資料部分，左側元件部分，右側配置項部分，快捷鍵部分，彈窗部分，事件與函式部分，資料來源部分。

其除了提供基礎的拖拽、移動、縮放、全選、旋轉等功能外，還可以使用暴露的元件。如果覺得元件不夠定製化，可以調整樣式或者自己重新寫。

12. opencv-wasm

Site: https://github.com/echamudi/o...

為 node.js 和 deno 環境預編譯 OpenCV 到 JavaScript + WebAssembly。
在這個 Wasm 編譯的 OpenCV 中，無需在機器中安裝 OpenCV。整個 OpenCV 庫已經在這個包中（opencv.js 和 opencv.wasm）。該模組具有零依賴關係。