项目体验地址免费视频教程分别使用原生JS、Vue、React，教你开发一个小H5游戏，快速上手Vue和React框架的使用。项目截图在线体验在线体验游戏介绍幸运水果机是一款街机游戏。游戏界面由24个方格拼接成一个正方形。每个方格都有不同的水果图形，方格下方有一盏小灯。.玩家使用游戏币选择自己想要下注的目标，按下开始后，小灯开始围绕着方格内的各个格子旋转。当小灯停止时，若停在玩家下注的目标上，即可赢取相应的游戏币。物品：游戏中共有八种物品，分别是：苹果、西瓜、木瓜、橘子、铃铛、77、双星。这些项目分为两种类型：大的和小的。还有BAR图标，分为2种。赔率：以下是所有固定赔率项目的赔率。其他所有小物件（小77、小星星、小西瓜、小铃铛、小木瓜、小橙子）1:2苹果1:5橙子1:10木瓜1:15铃铛1:20西瓜1:20·双星1:30·771:40·SmallBAR1:25·MediumBAR1:50·LargeBAR1:100玩家中奖后点击“开始”按钮进行积分，再次点击“开始”按钮以最后一次下注再次玩游戏。如果玩家想再次下注，可以直接在下注项上下注。投注时，中奖金额将计入“当前余额”区域。如果玩家没有中奖，则玩家点击“开始”按钮，按照上一次的投注重新开始游戏。课程目标我们使用原生JS、Vue和React三种开发方式，开发一款好玩又有技术含量的H5小游戏。通过这款小游戏的开发，我们可以巩固常用的CSS和JS知识，同时深入了解Vue和React的开发思路，MVVM模型框架，以及相对于传统DOM操作的优势，可以快速上手使用Vue和React这两个最流行的前端框架。练习CSS常用技巧：盒模型、定位、浮动、CSS3Flex弹框模型、图片背景、CSS3选择器……练习JS常用开发技巧：json、map、timer、随机数、dom操作、模板字符String...快速入门vue框架应用快速入门react框架应用对比原生js、vue框架和react框架开发的优缺点。学习本课程的读者需要了解一点HTML/CSS/JS的基础知识。我们会现场讲解项目中用到的css和js的基础知识点，先通过一些小例子来阐明知识点的用法，然后再讲解如何在本项目中应用，实现哪些功能。如标准文档流、定位、浮动、盒模型、CSS3弹框、CSS3高级选择器、背景图、json、map、定时器、随机数、dom操作、模板字符串、react程序框架搭建、react组件划分思路、vue程序框架搭建、计算属性、生命周期……是网上不可多得的消化所学前端基础知识的优秀综合案例。
