前言

之前文章也有介绍给useState，包括手写一个useState，但是都没有介绍useState 异步回调获取不到最新值的问题，今天简单聊一聊。

setState 的两种传参方式

1、直接传入新值 setState(options);

const [state, setState] = useState(0);
setState(state + 1);

2、传入回调函数 setState(callBack);

const [state, setState] = useState(0);
setState((prevState) => prevState + 1); // prevState 是改变之前的 state 值，return 返回的值会作为新状态覆盖 state 值

前言

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

overscroll-behavior

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

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

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

前言

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

简单方式

前言

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

border-image 实现渐变边框

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