15个很有趣的开源项目

news/2024/10/6 12:27:21

开源的世界每天都会有各种惊喜,下面是我们整理的15个有趣的开源项目,希望当中有您喜欢的。

b.jpg

1. 视搭

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

《视搭》是一个 视频可视化 搭建项目。您可以通过简单的拖拽方式快速生产一个短视频,使用方式就像易企秀或MAKA等 h5 搭建工具一样的简单。目前行业内罕有关于视频可视化搭建的开源项目,《视搭》是一个相对比较完整的开源项目,仅抛砖引玉希望您喜欢。

a.gif

2. C2F

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

对于初学者来说,flutter widget的复杂样式代码真的很难记。我们想建立一个在线将css样式代码转换为flutter样式代码的网站。它可以帮助那些 Web 开发人员快速入门flutter

a1.jpg

3. TransX

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

一个小巧玲珑的 vue 组件切换动画库, 支持 10 几种动画切换方式, 效果十分炫酷并且非常轻量哦~

1.gif

2.gif

run-wasm

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

run-wasm 是一个易于使用的工具,用于在浏览器中运行基于 WASM 的代码执行。
该项目的目标是构建一种通过 WebAssembly 在浏览器中执行各种编程语言的简单方法。
人们应该能够使用这个项目轻松地在他们的网站上嵌入可执行代码片段!

h.gif

5. InkPaint

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

InkPaint是一个运行在node.js端的轻量级Canvas图形渲染库。使用InkPaint可以在服务端动态合成各种图片、pdf等。同时,InkPaint是node.js和浏览器之间的通用库,在浏览器端依然可以正常运行。

logo.png

6. Awesome-1kb

Site: https://github.com/xucz/awesome-1kb

收集🐝各种小巧而精致的 1kb javascript小库,麻雀虽小五脏俱全。

banner.png

7. concent

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

内置依赖收集,可预测、零入侵、渐进式、高性能的react开发框架。concent是一个专为react提供状态管理服务的框架,提炼现有各大框架的精华,以及社区公认的最佳实践,通过良好的模块设计,既保证react的最佳性能又允许用户非常灵活的解耦UI逻辑与业务逻辑的关系,从整体上提高代码的可读性可维护性可扩展性。了解更多请访问官方文档https://concentjs.github.io/concent-doc。

a1.gif

a2.jpg

8. CSIJS

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

CSI.JS是一个前端日志系统,它将错误信息记录于本地localStorage中。无任何依赖、无入侵性。使用非常简单,很容易引入你的系统中,而且不会造成任何影响。 它可以帮你快速重建犯罪现场。

hh.gif

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';

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/deno-tutorial

长期更新的《Deno 钻研之术》!循序渐进学 Deno & 先易后难补 Node & 面向未来的 Deno Web 应用开发

  • 基础篇:循序渐进学 Deno 基础知识;
  • 标准库篇:深入标准库的内部世界;
  • CLI 篇:探索 CLI 命令行的知识;
  • Web 篇:打造 Web 开发基石;
  • Node 篇:先易后难补 Node 知识,探索与 Deno 的异与同;
  • Rust 篇:探索 Deno 底层有关 Rust 的更多知识;
  • 前端篇:探索 Deno Web 前端应用开发的方式;
  • 后端篇:探索 Deno Web 后端应用开发的方式;
  • 架构篇:深入到 Deno 底层读 V8,学架构;
  • 生态篇:介绍 Deno 生态的相关内容;
  • 翻译篇:翻译优质的、授权的英文一手博文。
  • 以及更多

11. dooringx lowcode

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

dooringx-lib 是 dooringx 的基座,是移除了 dooringx 插件的可视化拖拽框架。
dooringx-lib 提供自己的一套数据流事件机制以及弹窗等解决方案,可以让你更快地自己定制开发可视化拖拽平台。
dooringx-lib 在运行时维护一套数据流,主要分为json数据部分,左侧组件部分,右侧配置项部分,快捷键部分,弹窗部分,事件与函数部分,数据源部分。

其除了提供基础的拖拽、移动、缩放、全选、旋转等功能外,还可以使用暴露的组件。如果觉得组件不够定制化,可以调整样式或者自己重新写。

12. opencv-wasm

Site: https://github.com/echamudi/opencv-wasm

为 node.js 和 deno 环境预编译 OpenCV 到 JavaScript + WebAssembly。
在这个 Wasm 编译的 OpenCV 中,无需在机器中安装 OpenCV。 整个 OpenCV 库已经在这个包中(opencv.js 和 opencv.wasm)。该模块具有零依赖关系。

13. threejs-mesh-modifiers

Site: https://github.com/drawcall/threejs-mesh-modifiers

一个 Three.js 的网格变形修改器,包括近十个修改器,如 Bend、Bloat、Noise、Skew 和 Taper 等。它非常轻量级且使用简单,使用它可以给你意想不到的效果。

01.gif

02.gif

14. flutter_tiktok

Site: https://github.com/DingMouRen/flutter_tiktok

Flutter Tiktok 抖音实战,Flutter实现抖音的UI效果。

001.gif

002.gif

15. fair ui

Site: https://github.com/wuba/fair

Fair是为Flutter设计的动态化框架,通过Fair Compiler工具对原生Dart源文件的自动转化,使项目获得动态更新Widget的能力。

Fair的UI渲染是无损的,可以做到像素级别的还原,看一张转义Best Flutter UI Templates部分页面后的效果:

0x.jpg

xx.jpg


感谢您的耐心阅读!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.ryyt.cn/news/28472.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈,一经查实,立即删除!

相关文章

vsCode配置自动补全css兼容性代码 ,解决 Autoprefixer 3.0无效

问题:使用vsCode编辑器,配置Autoprefixer3.0无法实现自动补全兼容性代码 解决方法:将Autoprefixer3.0更换到2.0版本,再将网上冲浪的结果整理了一番,终于找到了解决办法,并进行以下步骤进行验证。 解决步骤:1、首先搭建node.js环境2、打开vsCode搜索Autoprofixer,一般默…

快速查询自己哔哩哔哩账号的注册时间

登录自己哔哩哔哩 访问下面地址 https://member.bilibili.com/x2/creative/h5/calendar/event?ts=0 打开后,在网页中查找“jointime”,join time,“加入时间”, 如下图,“jointime”冒号后面的一串数字,是时间戳,时间戳转换 把这串数字复制下来,在网上找一个“unix时间…

Jlink版本过低无法识别芯片

使用Jlinkv6.10 无法识别新的芯片STM32G474解决方法 选择芯片对应的内核Cortexm-4就可以下载代码了本文来自博客园,作者:zhugedz,转载请注明原文链接:https://www.cnblogs.com/zhugedz/p/18176976

《安富莱嵌入式周报》第336期:开源计算器,交流欧姆表,高性能开源BLDC控制器,Matlab2024a,操作系统漏洞排名,微软开源MS-DOS V4.0

周报汇总地址:http://www.armbbs.cn/forum.php?mod=forumdisplay&fid=12&filter=typeid&typeid=104 本周更新一期视频教程: BSP视频教程第30期:UDS ISO14229统一诊断服务CAN总线专题,常用诊断执行流程精讲,干货分享,图文并茂 https://www.armbbs.cn/forum.…

JS实现图表日期分类按色显示

预想要达成的效果图: 关键步聚: js代码如下function(){ var date = new Date(this);if(date.getDay()==0||date.getDay()==6){return "<font color=red>"+date.getDate()+"</font>"}else{return date.getDate();} }注:若 iOS 手机预览时显示 …

Go的安装与配置

安装 https://go.dev/dl/ 以Windows上安装为例:下一步下一步,记住安装位置 安装完成后 win + r cmd 键入go version检查是否安装成功配置Path win + r sysdm.cpl 高级 -> 环境变量 -> 系统环境变量 编辑Path确定 新建GOPATH确定确定 在GOPATH路径下新建3个文件夹

css多行文本控制行数溢出显示省略号

height: auto; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; /* 控制显示的行数 */ overflow: hidden; text-overflow: ellipsis; 效果:

Jmeter调用java代码

加密:MD5、Base64、SHA、RSA、签名 混合加密: jmeter的md5加密函数:BeanShell 调用java代码: 调用jar包: 1)在测试计划中引入jar包2)调用代码