弦月档案

由两个多月了, 我又重写了这个 弦月档案

实际上最初的 弦月档案 只是个人的练习作品, 后来经 Qubit 欺负 指教, 改正成了上一版的样子

上一版 弦月档案 还有 GreatFood404 做的圆角美化, yuhan2680 帮忙写的 README.md

但是现在又出现一些新的问题, 所以, 我直接 删库跑路 重写了这个项目

文件

1. index.html

   网页主入口, 包含 #title , #index , #main , #bottom 四部分

   1. div#title

      网页标题

   2. div#index

      选择排序模式, 按时间排序 / 按类型排序

   3. div#main

      主页面, 表头 + 打印的表格内容, 默认有一行占位

   4. div#bottom

      夹带私货, 这次大胆把自己的信息写在上面了, 不怕你们修改

2. index.css

   index.html 配套 StyleSheet

3. index.js

   index.html 配套脚本

   1. 默认流

      从 list 读取数据, 填入 timeList 和 typeList 中, 并将 timeList 和 typeList 冒泡排序

   2. getTypeIndex()

      输入_type_名称, 返回类型数值用于排序(可手动修改顺序)

   3. setIndex()

      设置排序方式并实现

      先改变按钮颜色, 清空 div#main-table , 从 timeList 或 typeList 中按顺序读取并填入

   4. genRow()

      获取序号和对象, 读取对象数据, 向 div#main-table 填入新行

   5. getTypeName()

      输入_type_名称, 返回类型中文名用于显示

   6. playVideo()

      打开B站播放对应视频

   7. getLitematica()

      获取投影文件

      投影文件有三张获取方式, 直接下载, 大文件蓝奏云网盘下载, 接入杂鱼 Qubit 的投影生成器

4. data.js

   优先于 index.js 加载, 存储 list

   对于_list_中对象详见 data.js 开头的注释

Q&A

1. 为什么不使用json存储数据

   json文件无法直接读取, 若使用 Fetch API 读取, 因网络问题很容易失败

2. 为什么不使用两种读取方式

   上一版使用了两种读取方式, 基本上毫无作用