Vue笔记（初识Vue）

1.什么是Vue  

渐进式的JavaScript框架  这是官方的解释  那么我们要解释什么是Vue这个问题我们要解释第一

什么是渐进式  什么是JavaScript框架  

1.渐进式 ： 可以理解为用多少拿多少   如果你要写一个大型的项目涉及到不同组件间的复杂的数据通信和复杂的页面交互逻辑那么这个时候你可以使用vue-cli，反之如果只是一个小练习项目那么使用Vue.js这个核心库即可  这样就会让你的项目不会那么臃肿 而这个臃肿的问题最常见的可能就是在jQuery上

2.JavaScript框架  就不用过多解释  就是基于JavaScript搭建的一个前端框架

2.MVVM模型

 这里要解释的就是View是视图区   Model是数据   ViewModel是vm 也就是Vue实例对象

在Vue中View就是指代在body标签里的html容器   Model是指data配置项里的数据  当然了也不只是

data里的数据还有后续的计算属性等等都包含在内  ViewModel 的作用就是用来帮我们操作DOM元素

3.MVC

经典MVC模式中，M是指业务模型，V是指用户界面，C则是控制器，使用MVC的目的是将M和V的实现代码分离，从而使同一个程序可以使用不同的表现形式。其中，View的定义比较清晰，就是用户界面。

4.CDN

内容分发网络（Content Delivery Network，简称CDN）是建立并覆盖在承载网之上，由分布在不同区域的边缘节点服务器群组成的分布式网络。

5.CMD操作

CMD命令是一种命令提示符，CMD是command的缩写，即命令提示符（CMD），位于C:\Windows\System32的目录下，是在OS/2，Win为基础的操作系统（包括Windows 2000和XP中，Vista中，和Server 2003）下的“MS-DOS 方式”。中文版Windows XP 中的命令提示符进一步提高了与DOS下操作命令的兼容性，用户可以在命令提示符直接输入中文调用文件。

如何打开 ： 同时按下开始键和r 后输入 cmd

6.面试题

1.什么是HTML语义化

语义化的html指的是：根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。其实也是让代码结构更加的规范和代码的可读性更高

2.如何清除浮动

（1）使用clear:both清除浮动

（2）利用伪元素clearfix来清除浮动

（3）overflow方法的使用

不管是overflow:hidden或overflow:auto都可以清除浮动只要它的值不为visible就可以了，它的本质就是建构了一个BFC，这样使得达到撑起父元素高度的效果

这个BFC是指 ：一个独立的渲染区域，只有Block-level box（块）参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干

所以就不会让浮动的效果影响到其他的元素

但是比起浮动可能在实际的开发里我们使用flex布局会更多

3.css实现垂直居中

这里是使用flex布局实现的

效果如下

 

 4.绝对定位和相对定位

一、绝对定位

可以将绝对定位理解为以浏览器为父节点来定位自己

二、相对定位

相对定位可以理解为“相对于”它的起点进行移动。

三、绝对定位与相对定位的区别

绝对定位使元素的位置与文档流无关，因此不占据空间。可以理解为绝对定位将元素从原来位置拿走，后面的元素就会占据绝对定位元素的位置。如同排队一样，前面的人走了，后面的人就会前进占去离开的人的位置。

5.盒子模型

​ 1.网页中所有的元素都可以看成一个盒子，由 content + padding + border + margin组成

​ 2.盒子模型有两种，一种是标准盒子模型，一种是怪异盒子模型(IE盒子模型)

​ 浏览器默认的是标准盒子模型，因为是W3C的盒子模型标准，width = content + padding + border + margin

​ IE5.5之前使用的是怪异盒模型，width = content(padding和border也算作主体部分) + margin