lengyibai/wzry

This is stars and forks stats for /lengyibai/wzry repository. As of 06 May, 2024 this repository has 204 stars and 17 forks.

王者荣耀图鉴 前言 因兴趣开发此项目，与同行一起交流与学习，并无实际用途 但也可用于游戏玩家获取一些比较感兴趣皮肤排名和筛选 如英雄性别筛选、身高排名、皮肤数量排名等 以及技能属性筛选，如无位移、无蓝条、无控制、自带免控的英雄等 技术栈 Vue3、Typescript、Vite4、Pinia2、Vue-Router4、Axios、Less 第三方依赖 事件总线Mitt、富文本编辑器wangEditor、手机端调试工具vconsole 文件目录 素材来源 游戏图片素材和语音音效从王者荣耀官网获取，一些素材如装备、技能图标使用了AI修复，所以比原版更清晰 部分素材从游戏中截图、抠图获取 部分音效通过在游戏内录制点击音效进行截取 像英雄列表中的封面只存在于游戏中，无法获取，只能对100多个英雄的海报进行裁剪来获取封面 游戏官网中的技能信息过于简陋和老旧，为了保证信息质量，选择在游戏中通过对每个英雄的详情页进行截图、识字，再通过富文本编辑器对关键文字的设置颜色 一些英雄信息如阵营、身高、身份、种族等数据也是通过手敲，并整合所有类型 在这类文字信息获取上，耗费了大量时间 项目介绍 此项目无数据库，无后端参与，一切数据存储于json文件中，将json文件托管至服务器，只存在文件的get请求 注册、登录、设置、用户信息等数据都存在于localStorage，只能在当前浏览器使用 项目并未使用第三方组件库，难以对第三方组件的样式及功能自定义 数据下载 英雄：基础数据，头像，信息，技能列表，技能类型，技能效果，皮肤，皮肤类型，关系 信息：职业，定位，特长，时期，阵营，种族 杂项：装备，装备合成表，装备类型，装备效果，铭文，铭文类型，铭文效果 主要功能 动态路由 1、当用户登录后，通过判断用户权限，获取该权限的路由表，再将其转换为真实的路由，通过addRoute循环添加路由，并存储路由name组 2、当用户退出后，循环name组，调用removeRoute删除路由 路由权限 1、未登录状态访问需要登录的路由，跳转/403，提示需要登录访问 2、未登录状态访问不存在的路由，跳转/404，提示访问了不存在的地址 3、登录状态跳转登录页或无指定的路由地址，自动登录并重定向至主页(/hero) 4、登录状态跳转指定的路由地址，自动登录并跳转该路由 5、普通权限用户登录后访问需要管理员权限的路由，跳转/403，提示需要管理员权限访问 6、非管理员权限，隐藏系统管理 7、登录一天后过期并强制退出登录，登录三天后自动清除本地所有数据（避免一些特殊数据无法正常更新） 浏览器限制 通过获取浏览器的内核版本，当chrome < 90、firefox < 90、safari < 15，则跳转/400，提示用户升级或更换浏览器 版本更新 1、首次访问网页，会将最新版的版本号存入本地 2、更新分为页面（版本）更新和数据（版本）更新 3、页面版本更新用于手动对浏览器刷新以清除浏览器缓存 4、每次访问页面，通过本地版本号与远程版本号进行比对 5、当版本小于远程版本，如果是文件版本，则直接弹出弹窗显示更新日志，要求重启网页 6、当版本小于远程版本，如果是数据版本，则后台请求数据接口与本地数据进行比对，收集差异文件，并将差异文件进行更新、生成更新日志并弹出更新弹窗 系统功能 隐藏功能 1、登录页和登录后左上角logo点击刷新，长按3秒将提示确认清除数据再刷新，移动端专属 2、点击左下角显示移动端调试工具，移动端专属