制作了一个手机宝可梦图鉴，欢迎宝可梦玩家试用

地址： https://pm.moefou.com/

业余时间陆陆续续搞了一个多月，现在第一版终于算是拿得出手了。

一个纯兴趣爱好的项目。

如果你在游戏之余想用手机查查基础数据，应该会是不错的选择。

为什么搞这个图鉴

一方面是因为神奇宝贝百科在我的网络环境中打开很慢，有时候很捉急。

另一方面，几款手机图鉴 App 的 UI 体验并不理想，有的还缺朱紫招式数据。

而小程序的图鉴，交互体验也不好，而且占用微信界面也很麻烦。

于是萌生出制作一款手机图鉴的想法。

这也算是圆了小时候的梦，当时学编程的一大目的就是制作宝可梦图鉴。

关于技术

由于个人技术栈限制，没法做成 iOS + 安卓双端 App ；小程序版体验也不好。于是做成网页版，也方便传播。

用的是 nestjs + vue3 ，视图层组件库选择了 Naive UI 。

画了不少精力来打磨加载体验，希望能贴近原生体验，现在主要页面的首屏基本都能做到秒开。

主要做法是 SSR + 数据预加载。不难，但是很繁琐，需要打磨很长时间。

关于数据

目前包含 1~9 代（含朱紫）的宝可梦数据、招式、特性、道具。

数据主要来源是开源的 PokeAPI，并且附加神奇宝贝百科等网站来修正数据。

比如 PokeAPI 一开始的朱紫宝可梦 ID 是错乱的，并且缺少中文名，这时候就需要神百来补齐。

目前缺的主要是朱紫部分数据，包括朱紫宝可梦的进化链、朱紫道具说明等。其他数据大体上没问题。

接下来

功能方面，打算补齐地区图鉴。并增加个人宝可梦队伍配置。

数据方面，要补齐进化链，并想办法补上招式、特性的对战效果说明（缺数据源；目前只有普通介绍）。

功能上大家要是有什么想法，也欢迎提建议~

MossFox

2023-01-20 17:11:52 +08:00

喔，好耶！

用起来确实丝滑，现在很多搜索引擎搜索到的信息页面基本都是半个屏幕塞满广告的那种模式，这么优雅的网页应用好难得的。

要说建议的话，例如图鉴和搜索页面那边，顶部输入控件也许可以用 sticky 布局保持在滚动容器的顶部，这样就更方便查图鉴翻得靠下的时候更换查询条件了 (不过移动设备手动滚动到顶部倒也不费时间)。

顺便，如果继续更新的话，也可以适配一下 PWA ？这样在绝大部分不是很旧的浏览器里面就可以添加成桌面图标全屏幕运行了，iOS Safai 也支持，体验不比原生应用差。
可以看下这边： https://web.dev/progressive-web-apps/
(基本就是添加必要的 meta tags 和 manifest.json, 以及配套的图标，太进阶的特性因为不同浏览器的兼容性问题可以无视)