每次新建页面这样的机械化步骤我们完全可以用代码帮我们执行，更进一步，对于一些简单的页面，我们甚至可以一键生成页面，包括从后端请求数据等操作。

这篇文章是18年就写的了，那时候element-ui还没有回到顶部组件，我就弄了一个，现在官网已经有了。想直接使用的话可以使用官网上的，但是官网的是使用setInterval写的，我就顺便改一下这篇文章，使用requestAnimationFrame弄一个

背景以及最终效果随着几个项目的提测，也闲下来了，恰好玩了一把拼图游戏，于是突发奇想打算自己写一个试试。最终效果如下图：实现的功能有：普通拼图的功能自动拼图本部分是这篇文章的第一部分，主要讲的是实现普通拼图的功能。原理相信拼图的玩法大家一点都不陌生，就是点击一个非空的块，如果它的周围有空的块，被点击的块就会往空块的方向移动。如果最后的排列是[1,2,3,4,5,6,7,8,0]...

介绍几种常用的Chrome DevTools断点调试方法1. 代码行断点2. DOM更新断点4. XHR/Fetch断点5. 事件侦听器断点6. 异常断点7. 函数断点