FRONT-END

SOURCE CODE: GitHub

CHENPrime-Coder 的前端小仓库，包含一些突发奇想写的小 demo。

The front-end small warehouse of CHENPrime Coder, including some small demos written on sudden whims.

目录结构 Structure

front-end/
├── LICENSE
├── README.md
├── rich-text-editor/   # 富文本编辑器 demo
│   └── index.html
├── screen-shot/        # 网页截图 demo
│   └── index.html
├── swiper/             # 拖拽轮播图 demo
│   └── swiper.html
├── swiper-auto/        # 自动轮播图 demo
│   └── swiper.html
└── ...（可能有imgs等资源文件夹）

DEMO-LIST

名字 Name	功能 Function
swiper	简单轮播图动画（注释超多，适配移动端和PC端，支持拖拽切换）。Simple carousel with drag support.
swiper-auto	自动轮播图动画（定时自动切换图片）。Simple auto-play carousel.
screen-shot	网页区域截图（基于 html2canvas，可将指定区域转为图片）。Screenshot a DOM area using html2canvas.
rich-text-editor	富文本编辑器（支持常用文本格式、插入图片/链接、查看HTML源码等）。Rich text editor demo.

使用方法 Usage

1. 克隆或下载本仓库到本地。
2. 使用浏览器直接打开对应 demo 的 index.html 或 swiper.html 文件即可体验。
3. 部分 demo 可能需要本地服务器环境（如图片资源跨域问题），推荐使用 VSCode Live Server 插件或 python -m http.server。

预览 Preview

可将各 demo 的 HTML 文件拖入浏览器查看效果。

许可 License

MIT License

---