细节复盘2 （图片放足够大&高斯模糊&＜ style ＞ scoped&vue打开新的页面&轮播图抖动的问题 translateZ、translateY、垂直水平居中）2020-8-1

1、background-size 属性的 cover 值：

把背景图像扩展至足够大，以使背景图像完全覆盖背景区域。
背景图像的某些部分也许无法显示在背景定位区域中。

https://www.runoob.com/cssref/css3-pr-background-size.html

2、 filter: blur(); 实现高斯模糊效果

https://blog.csdn.net/weixin_39015132/article/details/81179775

filter 属性定义了元素(通常是img)的可视效果(例如：模糊与饱和度)。

filter: none | blur() | brightness() | contrast() | drop-shadow() | grayscale() | hue-rotate() | invert() | opacity() | saturate() | sepia() | url();

CSS3 滤镜filter: blur()高斯模糊的应用

3、HTML <style> scoped 新属性

scoped 属性是一个布尔属性。如果使用该属性，则样式仅仅应用到 style 元素的父元素及其子元素。

https://www.runoob.com/tags/att-style-scoped.html

4、vue路由页面跳转和打开新的页面

然后相关文职触发点击事件，传参