你为什么要做前端?
第一篇 初始
“你为什么要做前端?”
我问她。
“因为感觉写出来的东西可以直接看得到,可以写漂亮的网页。
不像后端一样,写出来的东西根本就看不见摸不着。”
她说的很对,可是我很久之后才明白。
等我明白了之后,却再也找不到她了。
我是一个后端工程师。
而我是一个后端工程师的时候,我从来都没觉得前端有什么可以吸引我的。
我的全部心思都在架构,逻辑,数据。
她说的这些看不到的东西,反而是我觉得最深刻,最能让我着迷的事情。
前端?那叫肤浅。
所以,她说完这些之后,我什么都没说,就是笑笑。
我教她做的第一个任务,就是做一个卡片的轮播效果。
//在此我向大家推荐一个前端全栈开发交流圈:864305860 突破技术瓶颈,提升思维能力
那时候,她仅仅会写一些CSS而已。
第二篇 指引
没多大会儿,她告诉我说,她不会,做不出来,不知道轮播该怎么写。
我笑了。
这很简单啊,每一个卡片抽象出来,变成一个卡片类,卡片类里有自己的属性,标题,图片,摘要,跳转链接,等等等等,但是不重要,总之就是卡片。
然后第二步就是把所有的数据加载成一个卡组。
比如说我们现在有了100条新闻信息,当前窗口只能展示3个,可是这100条你虽然看不到,我们依然会把它放在卡组里去。
有了这个卡组,就决定了卡片轮播的顺序。那么剩下的第三步更简单了。
只需要决定哪三个卡片可以展示就好了。
我们可以称之为窗口卡组。
窗口卡组可以根据窗口的长度来决定展示的数据。默认展示就是第1个,第2个和第3个-假设只显示3个。
然后,点击右侧的按钮就很简单啊。
两种切换方式,一种是一张张的轮播,那就是把窗口卡组+1,取数据卡组的 2,3,4就好了。如果是全屏轮播,就取窗口卡组的长度就好了。
//在此我向大家推荐一个前端全栈开发交流圈:864305860 突破技术瓶颈,提升思维能力
当然要写成这么一个东西,还是要考虑一些简单的封装。
比如说,轮播到没有数据了,是从第一个开始循环,还是直接下一个失效?这些是不是也应该做成可以定制的?
比如说,当前轮播的是卡片,我们是不是可以认