overflow 一共有5个属性。
1、overflow:auto;内容会被修剪,超出设置的宽高后会出现滚动条
2、overflow:scroll;内容会被修剪,不管内容是否超出,都会出现滚动条的位置
3、overflow:visible;这个是默认值,内容不会被修剪,会出现在元素框外面。
4、overflow:hidden;内容被修剪,多余的内容被隐藏
5、overflow:inherit;从父元素那里继承overflow的值。
vh/vw vh
: 相对于视窗的高度, 视窗被均分为100单位的vh; vw
: 相对于视窗的宽度, 视窗被均分为100单位的vw;
calc
calc是英文单词calculate(计算)的缩写,是css3的一个新增的功能,用来指定元素的长度。比如说,你可以使用calc()给元素的border、margin、pading、font-size和width等属性设置动态值。为何说是动态值呢?因为我们使用的表达式来得到的值。不过calc()最大的好处就是用在流体布局上,可以通过calc()计算得到元素的宽度。
https://blog.csdn.net/wkj001/article/details/94872296
https://www.jianshu.com/p/ccc8d4823438
JS 深拷贝/浅拷贝
https://zhuanlan.zhihu.com/p/86859874
Better-Scroll 1.5.2
文档: https://better-scroll.github.io/docs-v1/doc/zh-hans/options.html
https://zhuanlan.zhihu.com/p/27407024
https://www.jsdelivr.com/package/npm/better-scroll