前端持续更新⭐收集有特色的库

技术教程
6月25日
编辑

小栋站长

释放双眼，带上耳机，听听看~！

交互类

Name/GitHub	Desc	Demo
Vue Grid Layout	vue拖拽	https://jbaysolutions.github.io/vue-grid-layout/
Vue-Fliplay	vue3列表动画	https://vue-flip.netlify.app/
vue-clamp	vue2多行展开折叠	https://vue-clamp.vercel.app/?lang=zh
transx	vue2切换动画	https://codesandbox.io/s/practical-sid-0ubim
vue-virtual-scroll-list	vue2虚拟滚动	https://tangbc.github.io/vue-virtual-scroll-list/#/
vue3-infinite-list	vue3虚拟滚动	https://tnfe.github.io/vue3-infinite-list/#/demo1
vue-virtual-scroller	vue3虚拟滚动	https://vue-virtual-scroller-demo.netlify.app/
stack-keep-alive	Vue3堆栈式 Keep-Alive 组件	ㅤ
matter-js	2D物理引擎	https://brm.io/matter-js/
watching-you	时刻注视着你的目标	https://jj811208.github.io/watching-you/
tinykeys	键盘事件监听库	https://jamiebuilds.github.io/tinykeys/
cnchar	功能全面的汉字工具库 (拼音笔画偏旁成语语音可视化	https://shiyix.cn/cnchar/
autofit.js	vue大屏自适应	ㅤ
tldraw	白板	https://www.tldraw.com/
auto-animate	自动列表动画	https://auto-animate.formkit.com/

UI类

Name/GitHub	Desc	Demo
easy-canvas	Canvas布局系统	https://gitjinfeiyang.github.io/easy-canvas/example/
iframe-resizer	iframe自适应	http://davidjbradshaw.github.io/iframe-resizer/
anime.js	一个轻量级 JavaScript 动画库，具有简单但强大的 API	https://animejs.com/
siriwave	使用 Canvas API 以纯 Javascript 复制“Apple Siri”的动画波形	https://kopiro.github.io/siriwave/
rough-notation	一个小型 JavaScript 库，用于在网页上创建注释并制作动画	https://roughnotation.com/
canvas-confetti	撒花特效	https://www.kirilv.com/canvas-confetti/

工程类

Name/GitHub	Desc	Demo
micro-app	微前端	https://zeroing.jd.com/micro-app/
wujie	微前端	https://wujie-micro.github.io/doc/
highlight	监控平台	https://app.highlight.io/sign_in
eruda	移动端调试工具	https://eruda.liriliri.io/
http-modular	将服务器端函数转换为 ES 模块的通用库	ㅤ
cn-font-split	字体分包工具	https://chinese-font.netlify.app/
page-spy-web	远程调试平台	https://test.jikejishu.com/room-list

工具类

Name/GitHub	Desc	Demo
FileSaver.js	下载库	https://blog.csdn.net/qq_30671099/article/details/104052782
vite-plugin-vue-inspector	Vite开发摸组件跳文件	ㅤ
vue-infinite-slide-bar	Vue内容滚动	https://biigpongsatorn.github.io/#/vue-infinite-slide-bar
vue-typer	Vue打字效果	https://cngu.github.io/vue-typer/
vue-picture-cropper	Vue图片裁切工具	https://chengpeiquan.github.io/vue-picture-cropper-demo/#/composition
vue-cropper	Vue图片裁切工具	https://github.xyxiao.cn/vue-cropper/
pinyin-pro	pinyin-pro 中文转拼音、排序	https://play.fe-dev.cn/
Luckysheet	表格	https://mengshukeji.gitee.io/luckysheetdemo/
fortune-sheet	表格	https://ruilisi.github.io/fortune-sheet-demo/?path=/story/features--basic
satori	HTML转SVG工具	https://og-playground.vercel.app/
devtools-detector	检测开发者工具开启状态	https://blog.aepkill.com/demos/devtools-detector/
Fuse	任意字符串模糊匹配	https://www.fusejs.io/
localForage	离线本地存储	https://localforage.github.io/localForage/
git-diff-view	用来显示 git diff 的结果	https://mrwangjusttodo.github.io/git-diff-view/

持续收集中……

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。

给TA打赏

共{{data.count}}人

人已打赏

利用GitHub Action自动备份Notion数据到仓库

2024-6-25 11:42:26

nvm-windows的使用

2024-6-25 11:48:05

0 条回复 A文章作者 M管理员

更换删除

暂无讨论，说说你的看法吧

❯

解锁会员权限

个人中心

购物车

优惠劵

今日签到

有新私信私信列表

搜索

客服

扫码打开当前页

返回顶部

幸运之星正在降临...

点击领取今天的签到奖励！

恭喜！您今天获得了{{mission.data.mission.credit}}积分

今日签到

连续签到

{{item.credit}}

连续{{item.count}}天

查看所有

我的优惠劵

_￥_优惠劵

使用时效：无法使用

使用时效：
之前

使用时效：永久有效

优惠劵ID：
×

限制以下商品使用：限制以下商品分类使用：不限制使用：

[{{ct.name}}]

所有商品和商品类型均可使用

没有优惠劵可用!

购物车

×

删除

购物车空空如也!

清空购物车前往结算

您有新的私信

没有新私信

写新私信查看全部