小天管理 发表于 7月13日 Share 发表于 7月13日 👉 仓库地址： https://github.com/iuroc/haixiu 怎么使用 🍑 方式一 直接访问：https://iuroc.github.io/haixiu/。 🍎 方式二 Fork 本项目，然后使用 Github Pages 部署 /docs 目录 。 项目特点 纯静态网站，可直接用 Github Pages 部署 支持数据分页和按标签显示，支持滚动到底部自动增加下一页内容 基于 PhotoSwipe 实现高质量的图片查看器 图片查看器切换图片时，缩略图列表跟随滚动，看到哪跟到哪 图片查看器到最后一张时，自动增加下一页数据，不中断浏览 基于 Location Hash 实现支持 history.back() 关闭图片查看器，兼容移动端返回键 基于 Location Hash 实现支持 history.forward() 打开图片查看器，并自动恢复上一次位置 通过 Hash 关闭图片查看器时，支持打断动画，体验很不错 自动记录滚动条位置，消除 HashChange 事件对滚动条的影响 相关技术 使用 Node.js Fetch API 爬虫 将数据爬取后，分页存储到多个 JSON 文件中，文件名中标记了页码和标签信息 前端使用 Van.js 框架构建响应式 UI 前端通过 Fetch 直接请求静态 JSON 文件实现分页请求 使用 PhotoSwipe 库实现图片查看器 引用 意见的链接 分享到其他网站 More sharing options...
已推荐帖子
加入讨论
您现在可以发表并稍后注册. 如果您是会员,请现在登录来参与讨论.