Vue.js了解

Vue.js与MVVM模式

【渐进式】

Vue.js提供了很多的功能：Vue核心插件、Vue-Router、Vuex、Vue-Cli。

这些功能相互独立，你可以在核心功能的基础上任意选用其他的部件，不一定要全部整合在一起。

即插件化开发：Vue.js保持了轻量级的功能，核心库与路由、状态管理、AJAX等功能分离，可通过加载对应的插件来实现响应的功能。

【JavaScript】

前端技术生态都是建立在JavaScript基础上。

JavaScript是前端工程师使用的唯一编程语言。

没有竞争对手且不会过时。

【框架】

框架可以帮助省略一些基本的相同底层代码的反复书写，只需要调用框架的方法就可以实现你想要的功能。

前端框架有：Angular框架、React框架、VueJS框架...

“Vue.js兼具Angular.js和React.js的优点，并剔除了他们的缺点。”被授予了这么高评价的Vue.js,也是开源世界华人的骄傲，因为它的作者是为中国人——尤雨溪。

MVVM模式：

M：Model

V:View

VM:ViewModel

MVVM即模型-视图-视图模型。模型指的是后端传递的数据；视图指的是所看到的页面。视图模型是mvvm模式的核心，它是连接view和model的桥梁。它有两个方向：一是将模型转化成视图，即将后端传递的数据转化成所看到的页面。实现的方式是：数据绑定。二是将视图转化成模型，即将所看到的页面转化成后端的数据。实现的方式是：DOM 事件监听。这两个方向都实现的，我们称之为数据的双向绑定。

MVC模式

M（Model）：模型层。是应用程序中用于处理应用程序数据逻辑的部分，模型对象负责在数据库中存取数据；

V（View）：视图层。是应用程序中处理数据显示的部分，视图是依据模型数据创建的；

C（Controller）：控制层。是应用程序中处理用户交互的部分，控制器接受用户的输入并调用模型和视图去完成用户的需求，控制器本身不输出任何东西和做任何处理。它只是接收请求并决定调用哪个模型构件去处理请求，然后再确定用哪个视图来显示返回的数据。

声明式编程&命令式编程

1. 什么是声明式编程？（Declarative）

简单的说，你只需要告诉计算机，你要得到什么样的结果，计算机则会完成你想要的结果

1. 什么是命令式编程？（Imperative）

用详细的命令机器怎么去处理一件事情以达到你想要的结果

1. 两者优缺点

命令式编程更加的精细化，更严谨，程序也会一丝不苟的执行你的命令。但是操作步骤比较多，代码量大，影响开发效率.

声明式编程让你可以更关注在状态表现，而不用去考虑底层如何实现, 声明式编程能在特定的更高层面代码领域我们带来效率的提升，程序员只需要对想要的结果进行深思熟虑，程序会自动的解决过程。当然代码看起来更简洁也是大大的满足了众多强迫症程序猿，但同时 他的可读性相较于命令式有点差。

常见的cmd命令符(操作命令要在黑窗口输入)

盘符名称+冒号——盘符切换

dir——查看当前路径下的文件列表

cd目录——进入单级目录

                 （tab补足目录名称）

cd..——回退到上一级目录

cd 目录一\目录二\...——进入多级目录

cd\——回退到盘符目录

cls——清屏

exit——退出命令提示符窗口

calc——启动计算机

cleanmgr——启动磁盘清理

notepad——启动记事本

magnify——启动放大镜

mspaint——启动画图板

Vue.js的使用流程

导入Vue.js,  2.准备好界面  3.实例化一个vue，并且将这个界面交给vue管理。4.{{ vue里的变量 }}，可以输出这个变量的值。

HTML-CSS-JavaScript（面试题）：

     什么是HTML语义化？

单纯的HTML代码是不带任何样式的只是用来标记这一段是标题、这一块是代码、那一个是要强调的内容等等，但是为什么我们只写HTML在浏览器中不同的标签也是有不同的样式呢？那是因为各个浏览器都自带的有相应标签的默认样式，为了方便在没有设定样式的情况下友好的展示页面。

良好的语义化代码可以直接从代码上就能看出来那一块到底是要表达什么内容。

说下清除浮动？

我们说的清除浮动是指清除 由于子元素浮动带来父元素高度塌陷的影响 

CSS垂直居中实现？

css让div垂直居中的方法：1、使用绝对定位和负外边距进行居中；2、利用伪元素和inline-block、vertical-align进行居中；3、利用table布局进行居中；4、使用固定定位和transform属性进行居中

绝对定位和相对定位？

相对定位设置后是相对于它本身所在的文档流的位置进行定位，也就是相对于它原来的位置而言

绝对定位设置后就是相对于它的祖先节点中设置过相对定位的那块容器 ，来进行绝对定位如果祖先节点中没有设置 默认就是body标签。

区别：绝对定位会脱离文档流,文档中不保留其定位前的位置,相对定位不会脱离文档流,定位前的位置依然保留。

说说盒子模型？

所谓盒子模型（Box Model）就是把HTML页面中的元素看作是一个矩形的盒子，也就是一个盛装内容的容器。每个矩形都是由元素的内容（content）、内边距（padding）、边框（border）和外边距（margin）组成。

所有的文档元素（标签）都会生成一个矩形框，我们称为元素框，它描述了一个文档元素在网页布局汇总所占的位置大小。每个盒子除了有自己的大小和位置外，还影响着其他盒子的大小和位置，因此正确了解css盒子模型对我们前端页面布局十分重要。

css的盒子模型包括标准盒子模型和IE盒子模型（怪异模型） 。

Web开发简史：

1. CGI
2. 在1995年以前，绝大多数的CGI程序被用来解释处理来自表单的输入信息，并在服务器产生相应的处理，或将相应的信息反馈给浏览器。
3. 2.ASP/JSP/PHP
4. 在1995-2005年，ASP、PHP及JSP都是网站后端脚本语言，它们都是动态交互式语言，都是在Web 2.0时代诞生的，这是网络空间向前发展的一个自然过程。
5. 3.MVC
6. 在2006年到2015年， 经典MVC模式中，M是指业务模型，V是指用户界面，C则是控制器，使用MVC的目的是将M和V的实现代码分离，从而使同一个程序可以使用不同的表现形式。View的定义是用户界面。
7. 4.Vue.js
8. 2012年之后，处于前后端分离时代，Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。