今天跟大家伙儿聊聊我最近折腾的“疯狗联盟”！这名字听着就带劲儿，就是我捣鼓的一个小项目，关于英雄联盟的，别想歪。
事情是这么开始的，前阵子看 S 系列赛，欧洲那边有个选手，Bwipo，玩奥拉夫那叫一个猛，突出一个字：干！各种越塔强杀，看得我热血沸腾。当时我就寻思，能不能搞个东西，把这种“疯狗”英雄都给扒拉出来，没事儿自己练练。
说干就干，先从英雄联盟官网开始下手，想把所有英雄的数据都爬下来。一开始想用 Python 搞，但琢磨一下，数据量不大，用 * 应该更轻巧。直接 npm init 初始化项目，装上 cheerio 和 axios，就开始吭哧吭哧写爬虫。
官网的页面结构那叫一个乱，各种嵌套，找半天才定位到英雄列表。拿到英雄名字和头像链接之后，再挨个点进去，爬取更详细的数据，比如技能介绍、属性啥的。这里 cheerio 就派上大用场，各种 $('selector').text()，简直不要太爽。
数据爬下来之后，总不能干巴巴地放着？得想个法子展示出来。最开始想用 React 写个前端，但又觉得太麻烦，不如直接用 *，上手快。vue create 初始化项目，然后就是疯狂地写 HTML、CSS 和 JavaScript。不得不说，Vue 的数据绑定真是方便，把爬下来的数据往模板里一塞，立马就显示出来。
光有数据还不够，得加点“疯狗”的料。我就开始研究各种英雄攻略，看哪些英雄符合“见面就是干”的特点。像武器大师、奥拉夫、蛮王这些，肯定榜上有名。我还参考一些论坛和社区的帖子，看看大家伙儿都觉得哪些英雄玩起来最疯。筛选出一批英雄，给他们贴上“疯狗”标签。
为让这个“疯狗联盟”更有意思，我还加个筛选功能，可以根据英雄的属性、位置、甚至“疯狗”程度来筛选英雄。这个功能也简单，就是用 Vue 的计算属性来实现。根据用户的选择，动态过滤英雄列表。
整个项目下来，虽然不大，但也花我不少时间。从爬虫到前端，再到数据整理和功能实现，一步一个脚印。做出来的东西，虽然简陋，但还挺有成就感的。没事儿就上去看看，练练这些“疯狗”英雄，感觉自己也变猛！
这个“疯狗联盟”还有很多可以改进的地方。比如，可以加个英雄评分系统，让大家伙儿来评价哪些英雄最“疯”。还可以加个对战模拟器，看看不同“疯狗”英雄之间的对抗。还有很多好玩的想法，以后慢慢折腾！
- 确定目标，想做一个“疯狗英雄”的集合。
- 然后： 爬取英雄联盟官网的数据，用 * + cheerio + axios。
- 用 * 写前端，展示英雄数据。
- 之后： 筛选“疯狗”英雄，并添加筛选功能。
- 完成项目，并不断改进。
这就是我折腾“疯狗联盟”的整个过程，希望对大家有所启发。记住，玩游戏也要玩出点花样来！
还没有评论，来说两句吧...