移动端滚动穿透问题解决

移动端浏览器中,会出现这样一个坑爹的问题:当弹出一个可以滚动的浮层,当滚动浮层到底部直到浮层不能滚动时,这时如果继续滚动,浮层底下的元素会发生滚动。

这种情况,如果单纯的用css,并没有什么好的解决[……]

阅读全文

decorator装饰器初探

es7中引入了一个强大的概念“装饰器”,这个在高级语言中应该是十分常见了吧,那么js也要紧跟潮流,为我们带来这个强大而好用的属性。

来说说这是干嘛的吧。所谓装饰器,顾名思义,肯定起到装饰作用。就好比[……]

阅读全文

粘连效果实现

举个例子,如果有两个水滴,当它们靠近的时候,会相互粘连在一起,最后形成一个水滴。那么,如果要实现一个这样的粘连效果,该如何做呢?

比如如下图片中的效果

此时,可以使用SVG中的filter来实[……]

阅读全文

groupBy实现数据分组

lodash中的groupBy方法非常好用,它可以帮你快速地按照特定的方式将数据进行分组。

对于数据分组,这样的例子也不少,比如一组账单数据,我需要按天查看,按周查看,按月查看等等,这时,就可以使用[……]

阅读全文

自定义事件CustomEvent

我们在使用js操作dom元素时,经常会监听页面的许多事件,例如点击事件click、鼠标移动mousemovemouseout等等事件,这些事件是浏览器中预定义好的,我们直接就可以来监听这些事件。[……]

阅读全文

在js中创建一个类

这个看起来貌似有很多种办法吧。那,既然是写这篇文章,肯定是要写点特别之处。

通常情况下,可以使用es6的class,或者使用es5,可以按照如下的方法来创建新类。

function Person([......]

阅读全文

sticky尝鲜

众所周知,css中的position代表的是定位的方式,它有relativeabsolutestaticfixed几个常见的属性。本文要说说它另外的一个属性sticky,所谓的粘性布局。

什么[……]

阅读全文