vue

vue-router vue路由管理

vue-cli vue的项目模板创建工具（脚手架）

vue-cli 2.x 老版本

vue-cli 3.x 4.x 新版本



webpack  项目的打包构建工具

dist
  |-- css
  |-- js
  |-- img
  |-- index.html


    1: build/ vue-cli 启动文件
    2: config/ vue-cli 启动的自定义配置文件
    3: node_modules 是nodejs项目的依赖文件（存放我们用到的插件源码）
    4: src/ 项目源代码
    |-- assets 静态资源的  需要被webpack编译才能使用的资源
    |-- components 存放公共组件的地方、
    |-- router 存放vue-router 的配置文件
    |-- App.vue 最外层最顶级的父组件
    |-- main.js vue项目的入口文件

    5: static 静态资源的
    前提：体积比较大，且万年不变的资源

    .babelrc: 他是插件：babel 的配置文件,
              babel把高版本的js转换为浏览器都可以识别的低版本js代码
    .editorconfig 告诉编辑器，使用什么代码规范

    .eslintignore eslint 的忽略文件
    .eslintrc.js  eslint 的配置文件
    .gitignore 的忽略文件
    .postcssrc.js postcss 专门做css兼容的
    index.html 网站唯一的一个html文件 spa（单页web应用）
    package.json nodejs的配置文件
    README.md 项目的帮助文档

    dist
    | -- vendor.xxxx.js  存放所有插件源码的
    | -- app.xxxx.js  src里面所有的源码合并在这里

1: vue-resource
2: axios 可以在nodejs使用，也可以在 浏览器使用

插件分为两种：

1：vue插件
2：非vue插件 axios

接口无状态的

状态：/login 必须登录成功

{
  token: '2345675643567UYEGFWRGTYHJU665E4WT5H5'
}


css 预处理器

scss sass  stylus  less



http://10454-haitun.liveplay.myqcloud.com/live/10454_zbh_2008140949270.m3u8


hls

ffmpeg

1G
mp4 --> 1G

1000MB

100 * 10MB

1.ts
2.ts
..
100.ts

video

[{
  type: "application/x-mpegURL",
  src: "https://vse2-as-all53.secdn.net/logos-channel/live/biblescreen-ad-free/chunklist_sess768563910.m3u8"
}]