慕课网vue.js 1.0学习笔记

webpack打包

• 怎么设置
• 用来做什么的
• 如何理解下面代码

/**app.vue*/
import goods from './components/goods/goods'; //路径不同
import ratings from 'components/ratings/ratings'; //但却效果一样
/**webpack.base.conf.js*/
resolve: {
   extensions: ['', '.js', '.vue'],
   fallback: [path.join(__dirname, '../node_modules')],
   alias: {
     'src': path.resolve(__dirname, '../src'),
     'assets': path.resolve(__dirname, '../src/assets'),
     'components': path.resolve(__dirname, '../src/components') //重点在这句
   }
 }

vue热替换

• 如何运行
• 为什么会忽略build目录下的文件更改(或许不仅仅是这个文件夹)

ESlint与vue

• 有什么关系
• 可以自己设计规则?

express、require、express.Router()

• 各代表什么意思
• 是怎么关联起来的

flex布局

dpr手机端布局应该注意

vue-loader如何解决css兼容性问题(前缀)

vue-router 中文学习文档

• 如何在vue中使用router
• 注意点
  
  • id=”app”
  • js、vue中如何编写
  • 主页中多个子页面跳转路由写法“`
  • 主页中显示指定个子页面写法
  • linkActiveClass点击时改变tab样式

浏览器插件

• JSONview 格式化json数据

网页开发注意点

• reset.css 重置默认样式 跳转
• 移动端viewport
• 媒体查询
• 伪类 ~content:”“
• 1像素border的实现

<meta name="viewport" content="width=device-width,initial-scale=1.0,maimum-scale=1.0,minimum-scale=1.0,user-scalable=no">