FlexRabbit 是一款通过输入CSS代码来学习弹性布局的游戏

目录

1. 前言
2. 框架
3. 用法
4. 建议

前言

偶然看到外国人开发了一款 FlexboxFroggy 的网页游戏，目的是用来学习弹性布局，于是在好奇心的驱动下，用了一天时间去开发，成功复现了这个游戏。可以自信的说一句：“并没有去看这个开源游戏的源代码，而是通过基于Vue框架下，以100%自主开发的心态完成了复现，通过复现这个游戏，不仅能够学习弹性布局，更是对Vue框架有了进一步的认识！欢迎下载观看我的源码，实现方式其实很简单~”

框架

本项目所使用的所有主要框架。

• Vue
• Element-UI

用法

1. 一共有24关
2. 难度区分有入门级和专家级
3. 通过输入flex布局属性控制胡萝卜去喂养对应的兔子
4. 需要注意的是，在进入下一关后，并不会去储存上一关的内容

建议

新手玩家，可在通关游戏后，直接查看源代码（或不看），尝试复现一次，相信我，这会使得学习 html / css / js / vue / element 都非常有帮助。