上午产品提了个“简单”的banner开发的需求，本来以为很简单，一不小心消耗了我一天的时间，一时间感慨万千，来掘金记录一下。写这篇文章，除了技术经验之外，还想给手机前的你一点提醒：程序从来都不是完美的

网页开发中我们经常要处理用户交互，我们会用 addEventListener 添加事件监听器来监听各种用户操作，比如 click、mousedown、mousemove、input 等，这些都是由用户

由于这次项目中需要使用轮播图，并且要求项目的兼容性要尽量友好，所以我选择使用swiper2.x的版本。官网自带的默认轮播效果为无缝滚动轮播，而我这个项目需求是淡入淡出的效果。swiper3.X是有这个效果的，而swiper2.X需要自己实现。而我发现网上对实现此效果的相关文章少…

有些时候，我们希望一段文本中的字符逐个显现，模拟出一种打字的效果。这个效果在技术类网站中尤为流行，用等宽字体可以营造出一种终端命令行的感觉。如果使用得当，它确实可以让整个网页的设计感提升一个档次。

本文已参与「掘力星计划」，赢取创作大礼包，挑战创作激励金。 本文将带你快速学习 Observer API，对应有 4 个 API： Intersection Observer API：观察可见性 Re

我们从内置贝塞尔运动，雪花飘，购物抛物线，进度条四个案例，一起先看看其效果，然后再了解transition属性和事件，最后你的想法有多好，其作用就有多大。

6000字只为讲明白一个API，前端开发肯定离不开判断一个元素是否能被用户看见，然后再基于此进行一些交互··· ···

最近因为鸿星尔克给河南捐了5000万物资，真的是看哭了很多的网友，于是我想到了给鸿星尔克做了一个线上的看鞋展厅，鸿星尔克 TO BE No.1！

开发每一张网页都离不开布局排版，基于良好布局排版打下基础，才能使后续的开发更顺利。今时不同往日，现代CSS属性能更好地快速实现各种布局排版，节约更多时间去摸鱼