还记得吗？你为什么要做前端！

你为什么要做前端？

第一篇 初始

“你为什么要做前端？”

我问她。

“因为感觉写出来的东西可以直接看得到，可以写漂亮的网页。

不像后端一样，写出来的东西根本就看不见摸不着。”

她说的很对，可是我很久之后才明白。

等我明白了之后，却再也找不到她了。

我是一个后端工程师。

而我是一个后端工程师的时候，我从来都没觉得前端有什么可以吸引我的。

我的全部心思都在架构，逻辑，数据。

她说的这些看不到的东西，反而是我觉得最深刻，最能让我着迷的事情。

前端？那叫肤浅。

所以，她说完这些之后，我什么都没说，就是笑笑。

我教她做的第一个任务，就是做一个卡片的轮播效果。

//在此我向大家推荐一个前端全栈开发交流圈：864305860 突破技术瓶颈，提升思维能力

那时候，她仅仅会写一些CSS而已。

第二篇 指引

没多大会儿，她告诉我说，她不会，做不出来，不知道轮播该怎么写。

我笑了。

这很简单啊，每一个卡片抽象出来，变成一个卡片类，卡片类里有自己的属性，标题，图片，摘要，跳转链接，等等等等，但是不重要，总之就是卡片。

然后第二步就是把所有的数据加载成一个卡组。

比如说我们现在有了100条新闻信息，当前窗口只能展示3个，可是这100条你虽然看不到，我们依然会把它放在卡组里去。

有了这个卡组，就决定了卡片轮播的顺序。那么剩下的第三步更简单了。

只需要决定哪三个卡片可以展示就好了。

我们可以称之为窗口卡组。

窗口卡组可以根据窗口的长度来决定展示的数据。默认展示就是第1个，第2个和第3个-假设只显示3个。

然后，点击右侧的按钮就很简单啊。

两种切换方式，一种是一张张的轮播，那就是把窗口卡组+1，取数据卡组的 2，3，4就好了。如果是全屏轮播，就取窗口卡组的长度就好了。

//在此我向大家推荐一个前端全栈开发交流圈：864305860 突破技术瓶颈，提升思维能力

当然要写成这么一个东西，还是要考虑一些简单的封装。

比如说，轮播到没有数据了，是从第一个开始循环，还是直接下一个失效？这些是不是也应该做成可以定制的？

比如说，当前轮播的是卡片，我们是不是可以认