起因：家里的小麻烦引发的大项目
上个月回家看我妈，一进门就看到我那小侄子，小宝，这小子今年刚上二年级，不知道从哪儿学来了武侠剧那一套。整天“杨过、杨过”地喊，非说自己是神雕大侠。手里拿着一把竹扫帚，在客厅里舞得虎虎生风，把嫂子气得在屋里直跳脚。
本站为89游戏官网游戏攻略分站，89游戏每日更新热门游戏，下载请前往主站地址:www.gm89.me
嫂子管不住，主要是孩子注意力全在这堆武侠名号上了，学习那点事儿完全抛在脑后。我一看这情况，不行，一个大小伙子不能这么野着长。但你硬拦着他肯定跟你闹。我这人解决问题，向来喜欢顺势而为。既然他喜欢杨过，那我就给他整个“杨过”相关的玩意儿，把他的注意力从瞎闹腾，转到稍微有点结构性的“学习”上去。当时就拍板了：搞一个只有小宝和嫂子能玩的简易互动游戏。
启动：工欲善其事，先抓最简单的工具链
我这人做东西，讲究的就是一个“效率”和“简单”。不想搞什么高大上的平台，又是Unity又是UE4的，为了个小游戏搭环境，太折腾，而且我也不想被困在IDE里太久。杀鸡焉用牛刀？我直接抄起我那台老笔记本，寻思着，就用最简单的Web技术来搞。毕竟嫂子和小宝用手机就能玩，打开浏览器就行，不用装什么App，省事儿。
我一开始想用Python搞个后端，存点数据，但转念一想，为了记录那几十个武侠人物的知识点，搞个数据库，简直是脱裤子放屁。干脆一撸到底，全用前端解决得了。就是HTML、CSS和一点点JavaScript，纯静态，把图片和文本塞进去，能动就行。目标很明确：一个“武功招式/人物配对”的小测验。
过程：踩坑与转向，复杂的东西都扔掉
结果刚开始就他娘的卡壳了。我寻思着搞个“武功招式配对”的小测验，让小宝把招式名和对应的图片连起来。一开始我用JS写那个拖拽逻辑（Drag and Drop），老是出bug。在电脑上没事，一到嫂子那个稍微旧点的安卓手机上，滑动事件和拖拽事件就他妈打架，小宝那小手一划，整个页面就乱了。
我当时真的想骂人，为了这么个破玩意儿浪费了我一个小时。折腾来折腾去，气得我把那段复杂的拖拽代码全删了。妈的，逻辑太复杂，小宝不一定理解，嫂子估计也教不不行，得改路子。大道至简，复杂必死。
我直接把模式改了：不做拖拽连线了，改成“点击选择”。屏幕上出个招式名或者人物名，比如“黯然销魂掌”，下面放四张图，让小宝点对的那个。简单粗暴，逻辑清晰。代码逻辑也简单到爆，就是根据点击的ID去判断答案数组里的值是不是匹配。哪怕JS代码写得像屎一样，至少它能跑，而且能快速、准确地判断对错，给小宝即时反馈。
实现：粗糙但有效，亲测成功
我把那套题目的图片和文本都提前准备就那么几十个知识点，都是小宝平时叨叨的。我用最简单的CSS稍微美化了一下，重点是把按钮做得大大的，粗粗的，方便小宝那肉嘟嘟的小手指点击，避免误触。排版我就用了最原始的弹性布局，保证在不同手机上看起来至少不至于太歪。
- 所有的题目数据，我直接写死在JS文件里，用一个对象数组装着，避免了任何外部加载，确保离线可用。
- 用简单的JS判断对错，对的给个“大侠威武！”的响亮文字，错的就弹出个“别急，再想想，大侠需要耐心”的鼓励话。
- 把所有的图片和HTML、CSS、JS文件打包，甚至连服务器都不需要，我直接扔给了嫂子，让她用手机浏览器打开一个本地文件，就运行起来了。这是最土的办法，但也是最可靠的办法。
晚上吃饭的时候，嫂子和小宝就拿那个破页面在玩。嫂子给他念题，小宝在旁边瞎点，屏幕上显示“大侠威武！”的时候，他那个小脸骄傲得跟啥似的。嫂子也说，这玩意儿比她自己拿着书本考他有效多了，至少孩子愿意主动去玩。看着那画面，我心里也挺得意的，虽然这代码拿到公司肯定会被架构师骂哭，但这玩意儿真他妈解决了家里的问题。
反思：价值不在技术，而在解决问题
我折腾了这么多年代码，啥复杂系统没见过？分布式、微服务、高并发，整天搞得头皮发麻。结果，真正能让我心里头觉得“值了”的，反而是这种不上台面、连一个正经框架都没用的土法炼钢的小玩意儿。这玩意儿没啥技术含量，但它把我侄子的注意力拉回来了，让我嫂子省心了。这是我用所有复杂技术栈都换不来的家庭和谐。
那些大项目里，我可能只是个螺丝钉，在解决别人都看不懂的复杂问题。可在这个小小的“杨过游戏”里，我就是他妈的唯一的架构师和产品经理，我做的东西，实打实地影响到了我的家人。别总盯着那些高精尖的词儿不放。有时候，最简单的工具链，解决最朴素的问题，才是真正的价值所在。这小游戏也是一样，不求性能多只求家人开心。这是我今年最高效的一个“项目”了，没毛病。
