饿了么学习补充

1、视屏中使用的是stylus，而我用的是less。
安装less

npm install -g --save less

2、less和stylus针对不同屏幕密度设置问题，使用视频上的方法是不起作用的改成如下方法

.border-1px(@color) {
    position: relative;
    &:after {
        position: absolute;
        border-bottom: 1px solid @color;
        left: 0;
        bottom: 0;
        width: 100%;
        content: ' ';
        //根据屏幕密度来缩放线条
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) { 
            -webkit-transform: scaleY(0.7);
            transform: scaleY(0.7)
        }
        @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { 
            -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5)
        }
    }
}

3、安装axios

npm install --save axios

4、使用mockjs

npm install --save mockjs

使用better-scroll，滚动联动插件

npm install--save better-scroll

源码