问题解答
HTML语义化
HTML语义化，即HTML的标签语义化，在合适的地方给一个最为合理的标签，可以让页面结构更清晰，可以直接看到标签的作用。
例如：
title:文档标题
nav:内容顶部导航
aside:侧边栏
img:图片
…
清除浮动
顾名思义，清除浮动指清除掉元素float属性。
<div class="father">
<div class="one">老大</div>
<div class="two">老二</div>
<div class="three">老三</div>
<div class="clearfloat"></div>
</div>
.clearfloat类名的样式：
.clearfloat{
clear:both;
}
上述省略冗余，显示主要代码，第四个div标签，是空的标签，其作用就是用于清除浮动。这里只用一个方法，适合初学者。具有一定基础的可以给父级div定义伪类：after和zoom。
body:
<div class="box clearfloat">
<div class="left">Left</div>
<div class="right">Right</div>
</div>
<div class="oth">
oth
</div>
css:
.box{
background:wheat;
border:1px solid wheat;
}
.oth{
background:red;
border:1px solid red;
height:100px;
margin-top:10px；
}
.clearfloat:after{
display:block;
clear:both;
content:"";
visibility:hidden;
height:0；
}
.clearfloat{
zoom:1；
}
CSS 垂直居中
使用CSS居中，可以使用flex弹性布局，相对定位和绝对定位margin：auto，等。
以下为flex的举例：
body:
<div class="box">
<div class="child"></div>
</div>
css:
.box {
width: 100vw;
height: 500px;
background: skyblue;
display: flex;
align-items: center;
justify-content: center;
}
.child {
width: 200px;
height: 200px;
background-color: deepskyblue;
}
绝对定位和相对定位
绝对定位是脱离文档流，其位置相对于其父级（已设置绝对定位或者相对定位）或者body（未设置），父级也可能是父级的父级元素。
相对定位不脱离文档流，其位置是相对于该盒子初始的位置，进行移动的。
盒子模型
盒子模型本质上是一个盒子，封装周围的HTML元素，包括：边距（margin），边框（boder），填充（padding），和实际内容(content)。
Vue.js 简介
**Vue是渐进式JavaScript框架 **
Vue.js提供了较多的功能及插件，使其可以相互独立，任意组合部件，核心库路由，状态管理，AJAX等功能分离，且兼具angular.js和React.js的优点。
MVVM 解释
定义
M：Model
V：view
VM：ViewModel
MVVM 就是将其中的View 的状态和行为抽象化，将视图 UI 和业务逻辑分开。
优点
具有耦合性：视图（View）可以独立变化和修改，而不影响Model，一个ViewModel可以绑定到不同的"View"上，当View变化的时候Model可以不变，当Model变化的时候View也可以不变。
具有可测试性：只针对于ViewModel来进行。
MVC 模式
M：Model（模型层）：处理应用程序数据逻辑，对象负责在数据库中存取数据；
V：view（视图层）：处理数据显示，是依据模型数据创建的。
C:Controller（控制层）：处理用户交互，控制器接受用户的输入并调用模型和视图去完成用户的需求，控制器本身不输出任何东西和做任何处理。它只是接收请求并决定调用哪个模型构件去处理请求，然后再确定用哪个视图来显示返回的数据。
编程分类
声明式编程：可以理解为我们想要得到什么结果计算机便会完成我们想要的结果，如Vue，{{}}中data的变量，改变其的内容，页面会随之刷新，过程在内部处理。
命令式编程：可以理解为，我们自己写命令，使其一步一步的完成，命令如按钮点击事件，执行函数等。
两者上，命令式编程更加严谨，但操作步骤多，代码量多，效率较低。声明式编程只在乎结果。
开发者工具
需要在Chrome浏览器,安装vue_devtools。
有助于调试vue项目中的数据，也可以用于检测vue开发的网站。
安装
打开开发者工具
3种方法：
1.在对应网页页面，右键网站，选择“检查”选项。
2.按“F12”。
3.按“ctrl+“Shift+I”组合键。
面板介绍
插件推荐
VS Code中的拓展插件推荐：
- Vetur:代码高亮，语法高亮。
- Vue VSCode Snippets:更智能的代码片段。
- Live Server：开启测试服务器，实时刷新。
- Path Intellisense：路径提示。
常见 cmd 命令符
盘符+： 盘符切换
dir查看当前路径下的文件列表
cd 目录进入单级目录（tab键可以自动补充目录名称）
==cd==回退到盘符目录
cls清屏
exit退出命令提示符窗口
calc启动计算器
cleanmgr启动磁盘清理
notepad启动记事本
magnify启动放大镜
osk启动屏幕键盘
安装Vue.js
CDN
全称是Content Delivery Netword，即内容分发网络。
CDN是构建在现有网络基础之上的智能虚拟网络，依靠部署在各地的边缘服务器，通过中心平台的负载均衡、内容分发、调度等功能模块，使用户就近获取所需内容，降低网络拥塞。
CDN的关键技术主要有内容存储和分发技术。