Skip to content

Latest commit

 

History

History
87 lines (44 loc) · 2.15 KB

README.md

File metadata and controls

87 lines (44 loc) · 2.15 KB
Raw

弦月档案

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

实际上最初的 弦月档案 只是个人的练习作品, 后来经 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. 为什么不使用两种读取方式

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