传统的swiper太重了，里面封装了很多我们不需要的功能，而一个简单的滚动功能没必要那么重的文件。于是就想着自己如何实现，如何才能用最少的代码最优雅的实现呢？是否可以推翻传统的实现，使用纯css的某些特效实现呢？ 把上面提到的三个属性放在一起就实现了平稳缓慢的滚动，再借助js移…

轮播图组件想必是使用最多的组件之一了，尤其是每个首页当中必定会出现它的身影。 很多轮播图效果都是自带自动播放的，所以我们当前也不会置之不理。我们通过给Swiper组件传递autoplay的prop来进行设置 默认自动播放的时候，图片都是向左移动到-100%的位置。如果考虑到用户…

Vue组件之路-轮播图组件 众所周知，轮播图最为我大前端最最常见的组件之一，应该说每个前端工程师都要会写一遍吧。正好这两天在家休息，便在家写了这个组件。废话少说，本人的轮播图特点如下： 常规左右滑动切

前几天看到某位大佬的一篇名为《你们都被VUE惯坏了》的文章，没怎么细读，大概意思就是拿轮播图举例，来告诫各位开发者脱离框架外还是要掌握JS的基础功能，要多了解各种库实现的原理，虽然那篇文章有说到轮播图的一些实现思想，但是要实现一个库，要注意的细节还是很有很多，所以决定写下这一篇…

如何实现无缝轮播呢。视频讲解 Javascript最优雅的轮播~无缝轮播_哔哩哔哩_bilibili 源码：

对于 swiper，只要做过轮播图的童鞋应该都再熟悉不过了。这是一个很强大的图片轮播插件，本身无任何第三方库依赖，即插即用。api 文档很清晰，所以很快能够上手。但是，再好的插件也会出现令人不愉快的地方，当然，今天所讨论的并不是插件本身的问题，只是开发者是按照常规做法去使用，而…

过多的图片会严重影响网页的加载速度，移动网络下的流量消耗巨大，延迟加载几乎是标配

设计前端组件是最能考验开发者基本功的测试之一,因为调用Material design、Antd、iView 等现成组件库的 API 每个人都可以做到,但是很多人并不知道很多常用组件的设计原理。 我们在学习设计模式的时候会遇到很多种设计原则,其中一个设计原则就是单一职责原则,在组…

Fullpage结合CSS3新属性可以完成非常炫酷的页面，如下图为CSS3结合Fullpage.js实现的简单的全屏滚动页面。