前言

简单介绍一下overscroll-behavior的一些应用场景。例如Mac 左右滚动误触返回，部分区域滚动到底部触发连锁反应等等。

overscroll-behavior

overscroll-behavior CSS 属性是 overscroll-behavior-x 和 overscroll-behavior-y 属性的合并写法，让你可以控制浏览器过度滚动时的表现——也就是滚动到边界。

默认情况下，当触及页面顶部或者底部时（或者是其他可滚动区域），移动端浏览器倾向于提供一种“触底”效果，甚至进行页面刷新。你可能也发现了，当对话框中含有可滚动内容时，一旦滚动至对话框的边界，对话框下方的页面内容也开始滚动了——这被称为“滚动链”。

在某些情况下我们不想要这些表现，使用 overscroll-behavior 来去除不需要的滚动链，以及类似 QQ 一类的应用下拉刷新效果。

前言

本文记录一下字符串处理，知识简单，可供参考。主要是字符串截取的相关知识，假如一个中文算两个字符，一个英文或者数字算一个字符，那么如何做字符串截取呢？特别是针对名字过长的时候，需要展示点点点，那么如何优雅的截取字符串呢？

简单方式

前言

本文介绍css如何实现圆角渐变边框。

border-image 实现渐变边框

有了 border-image 之后，实现渐变边框变得很方便，

前言

大家新年好，今天给大家带来一个如何实现圆角三角形的方案，这个方案虽然可以实现，但是也是借助拼凑等方式来实现的，假如想一个div来实现圆角三角形，还是比较困难的。之前文章讲了如何实现对话框，里面介绍了三角形的实现方式。今天讲讲如何实现圆角三角形。

方案一：全兼容的 SVG 方案

想要生成一个带圆角的三角形，代码量最少、最好的方式是使用 SVG 生成。

使用 SVG 的 多边形标签 < polygon > 生成一个三边形，使用 SVG 的 stroke-linejoin="round" 生成连接处的圆角。