Chrome69更新介绍
Chrome已经发布10周年了!🎉🎉
Chrome69版本也是做了很大的更新,最直观的就是整体风格全面拥抱Material Design
更新文档:https://developers.google.com/web/updates/2018/09/nic69 视频:
个人觉得实用的简短介绍下:
1 CSS Sroll Snap
这个属性帮助我们在滚动的时候使元素完整的显示在视口,意味在滚动完成后,浏览器会自动校正滚动位置,使内部元素完整的显示在设置的位置:
水平方向和竖直方向都支持
示例
2 Array flat,flatMap方法
flat这个方法就是将数组内部元素展开,默认展开一层,可以设置展开层数,Infinity
可以完全展开
// Flatten one level:
const array = [1, [2, [3]]];
array.flat();
// → [1, 2, [3]]
// Flatten recursively until the array contains no more nested arrays:
array.flat(Infinity);
// → [1, 2, 3]
flatMap与map方法类似,如果方法的返回值是数组,那么会自动对返回值调用flat方法,默认层级1级
3 toggleAttribute方法, CSS背景支持conic-gradient
(锥形渐变)
toggleAttribute
用于翻转DOM元素属性,比如disbled
、readonly
conic-gradient
可以设置圆锥形渐变
示例地址:
觉得作者写得不错?不妨轻击下方按钮~