Mini App

作业要求

作业说明：
个人作业。不限主题，不限功能，做出一款Mini App

具体要求：
1.功能要求：可使用任意界面框架完成至少一个的功能点
2.技术要求：需要使用到网络、存储等技术点中至少一条
3.性能要求：不卡顿、无明显资源泄露

提交要求：
1.产品报告：不限于ppt/word/pdf格式，内容需至少包括 ①产品功能介绍；②程序概要设计；③软件架构图；④技术亮点及其实现原理（非必选）
2.源代码：要求提交到GitHub/gitee repo仓库，将仓库地址粘贴到txt提交即可
3.演示录屏：mkv, mp4, avi, rm, rmvb格式优先
4.提交时间：11月30日晚12点前

提交格式：
请将以上三个内容合并到一个文件夹并压缩，命名：学校+姓名+Android/iOS+App名称
上传至：
腾讯客户端菁英班课程大作业提交

样例参考：
例1：《表情图库》
1.功能要求：使用网格/列表，展示表情图库
2.技术要求：使用 DB 存储图片文件信息，使用文件存储表情图片
3.性能要求：快速打开超过1000张图片的图库，显示图片流畅滑动不卡顿，内存资源不泄露

例2：《微信文本/图片聊天》
1.功能要求：仿照微信做一个可以文本/图片聊天的界面
2.技术要求：能够进行两人以上的聊天，能够发送文本/图片
3.性能要求：聊天列表上下滑动不卡顿，没有资源泄露

注：以上仅为样例参考，同学们可以任意选择自己想做的 Mini App。

《表情图库》Web开发流程

技术架构

我们将使用以下技术：

HTML：负责网页结构。
CSS：负责页面布局和样式。
JavaScript：控制页面逻辑，操作 IndexedDB 数据库。
IndexedDB：用于存储图片的文件信息（包括路径、标题和分类）。
图片文件存储在文件系统（assets 文件夹）中，数据库只存储图片的元数据。

开发环境准备

1.工具：

下载并安装 VS Code 作为代码编辑器。
安装浏览器插件 Live Server，用于运行本地网页。
2.文件夹结构：创建一个名为表情图库的文件夹，内部文件组织如下：