.slider {
    min-height: 1px;
    font-size: 0;
    touch-action: pan-y;
    .slider-group {
      position: relative;
      overflow: hidden;
      white-space: nowrap;
      .slider-page {
        display: inline-block;
        transform: translate3d(0, 0, 0);
        backface-visibility: hidden;
        a {
          display: block;
          width: 100%;
        }
        img {
          display: block;
          width: 100%;
        }
      }

这是首页轮播图的css
1.slider-page 的 transform: translate3d(0, 0, 0); 这个地方为什么要通过这种方式创建新的图层呀，我没看到会引发回流和重绘的变化呀，而且 better-scroll 已经给它的上级元素 .slider-group 设置过图层了（transform）
2. backface-visibility: hidden; 这个有3d 变化吗，为啥要有个背面不可见

老师您的 css 写法优化能看的出来，都做的很好，有什么学习途径吗