1. 屏幕适配问题，我没有按照视频中的屏幕适配，改为如下的屏幕适配，不知道是否有问题？

   
   

   ;(function () {
      'use strict';
   
      var docEl=document.documentElement,
          viewPortEl=document.querySelector('meta[name="viewport"'),
          dpr=window.devicePixelRatio||1,
          maxWidth=1204,
          minWidth=320;
   
      dpr=dpr>=3?3:(dpr>=2?2:1);
   
      docEl.setAttribute('data-dpr',dpr);
      docEl.setAttribute('max-width', maxWidth);
      docEl.setAttribute('min-width', minWidth);
   
      var scale=1/dpr,
          content='width=device-width,initial-scale='+scale+',maximum-scale='+scale+',minimum-scale='+scale+',user-scalable=no';
   
      if (viewPortEl) {
          viewPortEl.setAttribute('content',content);
      } else {
          viewPortEl=document.createElement('meta');
          viewPortEl.setAttribute('name','viewport');
          viewPortEl.setAttribute('content',content);
          document.head.appendChild(viewPortEl);
      }
      
      setUnitRem();
      
      window.addEventListener('resize',setUnitRem);
      window.addEventListener('pageshow',function (e) {
          if (e.persisted) {
              setUnitRem();
          }
      });
      
      function setUnitRem() {
          //以手机375px做标准,px2rem设置root font-size为37.5。所以ratio=375/37.5
          var ratio=10,
              viewWidth=docEl.getBoundingClientRect().width||window.innerWidth;
   
          console.log(viewWidth);
          //如果不设置最大最小宽度，viewWidth=viewWidth*dpr
   
          if (maxWidth&&(viewWidth/dpr>maxWidth)) {
              viewWidth=maxWidth*dpr;
          }else if (minWidth && (viewWidth / dpr < minWidth)) {
              viewWidth = minWidth * dpr;
          }
   
          docEl.style.fontSize=viewWidth/ratio +'px';
      }
   })();

2.关于左右侧数据联动的思路是什么？

3.为什么在shopBar.js中，点击购物车加减号联动左右侧是$('.left-item.active').click();？

4.为什么在right.js中addClick()中，$item=$(e.currentTarget).parents('.menu-item').first();为什么要加上first()?不是通过e.currentTarget获取到的.plus对应的menu-item只有一个，为什么还要加上first()?

function addClick() {
   $('.menu-item').on('click','.plus',function (e) { //e.curretnTarget是.plus
       //找到被点击.plus元素的父元素中子元素的.count元素
       var $count=$(e.currentTarget).parent().find('.count');

       $count.text(parseInt($count.text()||0)+1);

       $item=$(e.currentTarget).parents('.menu-item').first();

       //将右侧点击加号对应的menu-item，获取其在getMenuList中绑定的数据
       var itemData=$item.data('itemData');

       //当点击加号改写对应menu-item中绑定的数据中的chooseCount
       itemData.chooseCount=itemData.chooseCount+1;

       //联动购物车渲染内容函数
       window.ShopBar.renderItems();


   });

   $('.menu-item').on('click','.reduce',function (e) {
      var $count=$(e.currentTarget).parent().find('.count');

      if ($count.text()==0) return;
      $count.text(parseInt($count.text()||0)-1);

      var $item=$(e.currentTarget).parents('.menu-item').first();

      //获取右侧menu-item在渲染时绑定的数据(查看getMenuList)
      var itemData=$item.data('itemData');

      //点击减号，改变数据中的chooseCount
      itemData.chooseCount=itemData.chooseCount-1;

      //选择右侧菜品联动购物车菜品内容
      window.ShopBar.renderItems();

   });
}