Web前端开发应用实战

 1.回顾HTML,CSS,JavaScript

  HTML，CSS以及JavaScript中常见的面试题：

  a.什么是HTML语义化？

  HTML语义化是指在用标签构建HTML页面时避免大篇幅地使用无语义的标签

HTML的语义化标签：

• header
• h1
• h2
• h3
• nav
• footer
• article
• section
• p
• ul
• ol
• li
• blockquote
• a
• strong
• em
• q
• abbr
• small

b.为什么要清除浮动 ？

清除浮动是为了清除使用浮动元素产生的影响：浮动的元素，高度会塌陷，而高度的塌陷使我们页面后书写的布局不能正常显示。

c.CSS垂直居中实现

利用flex布局实现垂直居中：首先给父元素设置display：flex让其变成弹性盒子，然后利用弹性盒子的jusyify-content和align-items，将两个属性都设置为center即可

代码如下：

    <style>
        .box1 {
            height: 300px;
            width: 300px;
            border: 10px solid pink;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .box2 {
            height: 100px;
            width: 100px;
            background-color: #bfa;
        }
    </style>
    <div class="box1">
        <div class="box2"></div>
    </div>

d.绝对定位和相对定位

绝对定位（absolute）  :当元素的position属性设置为 absolute 则开启了元素的绝对定位。

相对定位（relative）：当元素的position属性设置为 relative 则开启了元素的相对定位。

e.盒子模型

盒子模型，顾名思义，盒子就是用来装东西的，它装的东西就是HTML元素的内容。或者说，每一个可见的 HTML 元素都是一个盒子，下面所说的盒子都等同于 HTML 元素。这里盒子与 盒子里面的盒子又有点不同，这里的盒子是二维的。

2.Vue.js中MVVM,MVC,CMD,CND,以及Vue导入

a.MVVM(Model-View-ViewModel)模式包括3个核心部分。

Model（模型）：由核心的业务逻辑产生的数据对象，例如从数据库取出并做特定处理后得到的数据。

View（试图）：即用户界面。

ViewModel（试图模型）：用于链接匹配模型和试图的专用模型。

图上为MVVM示意图 

 MVVM模式的优点：可测试性，耦合性。

b.mvc模式

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

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

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

c.常见的cmd命令符

盘符名称+冒号——盘符切换                       dir——查看当前路径下的文件列表

cd目录——进入单级目录    （tab补足目录名称）

cd..——回退到上一级目录                         cd 目录一\目录二\...——进入多级目录

cd\——回退到盘符目录                              cls——清屏                   

exit——退出命令提示符窗口                      calc——启动计算机

cleanmgr——启动磁盘清理                       notepad——启动记事本

magnify——启动放大镜                             mspaint——启动画图板

osk——启动屏幕键盘

d.CND

CDN的全称是Content Delivery Netword，即内容分发网络。 CDN是构建在现有网络基础之上的智能虚拟网络，依靠部署在各地的边缘服务器，通过中心平台的负载均衡、内容分发、调度等功能模块，使用户就近获取所需内容，降低网络拥塞，提高用户访问响应速度和命中率。、 CDN的关键技术主要有内容存储和分发技术。

e.Vue导入

打开谷歌浏览器在右上角打开扩展程序，如图所示：

在将已经下载恒大Vue.js文件拖入扩展程序中即可（开发者模式一定要打开）。

 

上面图示是已经导入好之后的图片。