利用HTML、CSS、JS和Swiper插件实现抖音视频滑动功能

此文章仅为总述，后续内容持续开发。

 总的学习内容：
   页面结构： 
    1、页面结构：    HTML介绍和常用标签
   页面样式和布局：
    2、页面的文字样式，背景颜色，字体图标：
            CSS概述、语法、选择器（基础选择器、父子选择器）
            CSS文本、颜色等常用样式
    3、页面布局：
            CSS盒模型
            CSs浮动
    4、页面布局重构：
            CSS定位
    5、左下角旋转动画：
            CSS过度、变形与动画
   响应式：
    6、文字适配：
            REM实现文字适配
    7、实现都有移动界面效果：    
            flex实现导航栏响应
   视频滑动、点击 暂停或开始 点赞 视频进度条 标签滑动：
    8、视频暂停、开始：
            JS基础（定义变量、数据类型、分支结构、循环语句）
            JS函数和对象
            JS操作COM元素
            JS操作样式属性
            JS事件
            定时函数
    9、视频切换滑动：
            swper插件
    10、发送巨额请求：
            XMLHttpRequest&Ajsx&jscn