今天跟大家唠唠我这两天折腾的《lolskin》项目，纯属个人爱别当真！
事情是这样的，最近英雄联盟不是又出了新皮肤嘛看得我心里痒痒。寻思着能不能自己搞点把喜欢的皮肤都扒拉下来，方便自己欣赏欣赏。说干就干，我这人行动力贼强。
第一步：找资源！
上网一搜，好家伙，各种资源鱼龙混杂。锁定几个看着还靠谱的网站和论坛，开始疯狂扒图。手动保存，一张一张下，那叫一个累！而且格式还不一样，有的jpg，有的png，头都大了。
第二步：数据整理！
图片下下来了，但是乱七八糟的，名字也是各种奇怪的字符。这可不行，得整理！我先把所有图片按照英雄名字建文件夹，然后把对应英雄的皮肤放进去。再把文件名改成“英雄名_皮肤名”，这样看着就舒服多了。
第三步：预览实现！
光是图片还不够，得能方便的预览才行。我琢磨着用HTML+CSS+JS写个简单的网页。HTML负责展示图片，CSS负责美化页面，JS负责实现切换图片的功能。
- 先搭了个HTML框架，把图片放进去。
- 然后用CSS调整了样式，让图片居中显示，加了点边框和阴影。
- 用JS写了个简单的图片切换功能，点击按钮可以切换到下一张皮肤。
第四步：打包发布！
网页写好了，但是只能在本地看，不够方便。我想着能不能打包成一个exe文件，这样就可以直接双击运行了。
- 搜了一下，发现可以用electron这个东西，它可以把网页打包成桌面应用。
- 研究了一下electron的文档，跟着教程一步一步操作。
- 配置各种参数，打包成exe文件。
第五步：遇到的坑！
别看我说的这么轻松，中间可是遇到了不少坑！
- 图片格式问题：有的图片格式浏览器不支持，得转换格式。
- JS代码bug：JS代码写错了，导致图片切换功能无法正常工作，Debug了好久才找到问题。
- electron打包问题：electron打包过程中各种报错，查了好多资料才解决。
最终效果！
虽然过程很艰辛，但是最终还是成功了！现在我可以随时打开这个exe文件，欣赏我收集的英雄联盟皮肤了。成就感满满！
这回《lolskin》实践，让我学到了很多东西。不仅巩固了HTML、CSS、JS的基础知识，还学会了electron打包桌面应用。更重要的是，体会到了解决问题的乐趣。以后还会继续折腾，搞点更有意思的东西出来！
