因兴趣开发此项目，与同行一起交流与学习，并无实际用途

但也可用于游戏玩家获取一些比较感兴趣皮肤排名和筛选

如英雄性别筛选、身高排名、皮肤数量排名等

以及技能属性筛选，如无位移、无蓝条、无控制、自带免控的英雄等

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、点击左下角显示移动端调试工具，移动端专属