使用jquery,vuejs开发一款小的拼图游戏视频教程

声明：本人发布的所有视频，均是实战开发过程中的视频，不做培训。关于收费与免费问题，收费是为了增加录制动力，免费是为了回馈用户。

本视频使用jquery.js和vuejs制作拼图游戏，制作过程中会涉及到background各个属性的使用，vuejs的数据驱动改变dom也在视频中有所体现 。相关的代码会在本课程素材中下载。本拼图游戏，不仅可以使用静态图，也可以使用gif图片。

代码中会涉及到的知识点：

background-size

background-position

得到索引值所在行

得到索引值所在列

得到索引四周盒子索引数组

交换两个盒子，涉及到dom复制

拼图游戏的使用场景

竞技类：比如步数、时间长短统计，再分享到朋友圈。

展示类：比如楼盘整体效果图的展示

娱乐类：比如换成自己女朋友或男朋友的图片等

商城类：简单拼图，完成后获得相应的优惠券等。