CSS中margin边界叠加问题及解决方案

---

doc

• vue-music
• mand-mobile
• HTML 5 Tags
• vue

MDN web docs

html

Element

---

js

event

---

css

index
selector
Flexible Box Layout

---

常时间不写页面的话需要先复

• css揭秘，第七章 布局与排版
• 谨记开发顺序

1.完成整个页面的布局
2.抽取组件
3.最后再去考虑路由

• 切不可脑袋空转，想法必须立刻着手尝试

---

• 引入手机调试vConsole

/* eslint-disable no-unused-vars */
var VConsole = require('vconsole/dist/vconsole.min.js')
var vConsole = new VConsole()

---

• 设置别名对css和js的引入都有影响
  vue-cli构建的vue项目中引入stylus文件

#vue.config.js
var path = require('path')

function resolve(dir) {
  return path.join(__dirname, '.', dir)
}

module.exports = {
  chainWebpack: config => {
    config.resolve.alias
      .set('common', resolve('src/common'))
  }
}