# 前端百宝箱

**Repository Path**: k21vin/front-end-treasure-chest

## Basic Information

- **Project Name**: 前端百宝箱
- **Description**: 介绍前端各种工具库的入门教程。包含：Pixi.js、Lottie、Matter.js、pinyin-pro、p5.js、StreamSaver.js、Svelte、OpenLayers.js、Localtunnel、day.js、svg、Annotorious、Compressor.js、Fabric.js、PathFinding.js、skeleton.css
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: https://mp.weixin.qq.com/mp/appmsgalbum?__biz=MzAwMjU3ODU5Ng==&action=getalbum&album_id=3780587619071934471#wechat_redirect
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2024-12-25
- **Last Updated**: 2025-12-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: 前端, 可视化, 开源库

## README

# 前端百宝箱

> 雷猴，我是德育处主任。
> 
> 介绍前端各种工具库的入门教程 [⚡️前端百宝箱⚡️](https://mp.weixin.qq.com/mp/appmsgalbum?__biz=MzAwMjU3ODU5Ng==&action=getalbum&album_id=3780587619071934471#wechat_redirect)

<br>

⬇️微信扫码快速学习⬇️

![德育处主任](德育处主任.png)

专栏地址：[⚡️前端百宝箱⚡️](https://mp.weixin.qq.com/mp/appmsgalbum?__biz=MzAwMjU3ODU5Ng==&action=getalbum&album_id=3780587619071934471#wechat_redirect)


<br>

**专栏目录**

[Pixi.js：高性能 2D 渲染引擎，用于创建互动、跨平台的图形和动画](https://mp.weixin.qq.com/s/an63hyWdqrq3LyTPsgtTYQ)

[Lottie：动画的库](https://mp.weixin.qq.com/s/FIbgU_w_Q8UhS7tBnpj0dw)

[Matter.js：是一个 2D 物理引擎，用于模拟刚体碰撞、重力、约束等物理现象](https://mp.weixin.qq.com/s/ZTAU3KN1Wzir5cbkmPf4Rg)

[pinyin-pro: 一个支持汉字转拼音、多音字处理和拼音格式化的高效工具库](https://mp.weixin.qq.com/s/c--qklistSu0fJfvu79Xhg)

[p5.js: 一个以创意编码为核心的库，用于生成交互式图形、动画和多媒体作品](https://mp.weixin.qq.com/s/uvYcOXV5tME8r8Y5YmplCQ)

[StreamSaver.js: 一个支持前端流式写入文件并保存到本地的库，适合处理大文件下载](https://mp.weixin.qq.com/s/mQtHrZJs8sPcH5rXKyjLfw)

[Svelte: 一个将组件编译成高效原生 JavaScript 的框架，无需运行时支持，性能出色](https://mp.weixin.qq.com/s/MHdZz5NkLjoKttknKr9enA)

[OpenLayers.js: 一个用于创建互动地图的库，支持各种地图投影、图层和空间数据处理](https://mp.weixin.qq.com/s/CwXf5UMpYqr6Yf8SUF0rLQ)

[Localtunnel: 一个工具，允许将本地开发服务器暴露到互联网上，方便远程访问和测试](https://mp.weixin.qq.com/s/LE4h6vCSDbzBCFcPqwgORw)

[day.js: 一个轻量级的日期处理库，提供简洁的 API 用于解析、格式化和操作日期](https://mp.weixin.qq.com/s/4RNL6uNlAR-kOx9bRS_CPw)

[SVG: 可缩放矢量图形，用于创建基于 XML 的图像，支持无损缩放和交互](https://mp.weixin.qq.com/s/EDbRujFqpIXy4VyP1XH2lw)

[Annotorious: 一个开源库，用于在图像上添加注释、标记和高亮，支持多种交互功能](https://mp.weixin.qq.com/s/zxfysi4Ix64XK-J-TySLIQ)

[Compressor.js: 一个轻量级的图片压缩库，支持在前端高效压缩 JPEG 和 PNG 图片](https://mp.weixin.qq.com/s/imIzrk_FyluafxG7_JUvIA)

[Fabric.js: 一个强大的 HTML5 画布库，用于创建和编辑矢量图形、图片和动画](https://mp.weixin.qq.com/s/VBbcxwNA26HX9y1SjNyD_Q)

[PathFinding.js: 一个用于实现寻路算法的库，支持 A*、Dijkstra 等路径规划算法](https://mp.weixin.qq.com/s/KvuCXXWkgMG8KKiJjjxqug)

[skeleton.css: 一个轻量级的响应式 CSS 框架，提供基础的网格系统和样式结构](https://mp.weixin.qq.com/s/B182JjdvgEkBq5UOnkvwsA)