简单了解一些JavaScript的面试题

1.什么是HTML语义化？

HTML语义化就是使用HTML语义化标签。语义化标签就是拥有语义的标签。语义元素清楚地向浏览器和开发者描述其意义。

2.说下清除浮动？

使用带clear属性的空元素给浮动的元素后面添加一个空白的div，给该div添加clear：both;

给浮动的元素添加after伪类。.

.div:after{content:'';clear:both;............}

使用css的overflow属性给浮动的元素添加overflow:hidden/auto;
给浮动的元素的父元素添加浮动这种方式会使整体浮动，影响布局，不推荐。
使用邻接元素进行处理给浮动的元素后面的元素添加clear属性。

3.CSS垂直居中实现？

设定行高（line-height）

设定行高是垂直居中最简单的方式，适用于“单行”的“行内元素”（inline、inline-block），例如单行的标题，或是已经设为inline-block属性的div，若将line-height设成和高度一样的数值，则内容的行内元素就会被垂直居中，因为是行高，所以会在行内元素的上下都加上行高的1/2，所以就垂直居中了！

CSS示例：

.div0{width:200px;height:150px;border:1px solid #000;line-height:150px;text-align:center;
}
.redbox{display:inline-block;width:30px;height:30px;background:#c00;
}

效果：

4.绝对定位和相对定位？

相对定位: 是相对于它本身所在的文档流的位置进行定位，不会脱离文档流，定位前的位置依然保留。

绝对定位: 相对于它最近的设置过position某些属性(如:relative、obsolute、fixed、sticky )的祖先结点来进行定位。如果祖先节点中没有设置，默认相对于body定位。会脱离文档流，文档中不会保留其定位前的位置。

relation 相对定位，相对于自己的文档流的位置定位，不会脱离文档流
absolute 绝对定位，相对于具有relative、obsolute、fixed、sticky 的最近的父容器来定位，会脱离文档流
fixed 绝对定位(通常叫做:固定定位),相对于window位置定位，会脱离文档流

5.盒模型？

一个盒子由四个部分组成：content、padding、border、margin

1.content，即实际内容，显示文本和图像

2.boreder，即边框，围绕元素内容的内边距的一条或多条线，由粗细、样式、颜色三部分组成

3.padding，即内边距，清除内容周围的区域，内边距是透明的，取值不能为负，受盒子的background属性影响

4.margin，即外边距，在元素外创建额外的空白，空白通常指不能放其他元素的区域

了解vue.js

vue.js官网：https://cn.vuejs.org/

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

MVVM、MVC

MVVM是MVC的增强版，实质上和MVC没有本质区别，只是代码的位置变动而已。

在实际使用过程中，MVVM写出的代码量并不比MVC的少，有时反而还会多点，毕竟多了一个数据绑定过程，但逻辑会清晰很多，对于多人开发的团队，还是有不少优势的，缺点和优点相比不值一提，总之推荐使用

CND

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

cmd命令符

盘符+：-- 盘符切换
dir--查看当前路径下的文件列表
cd目录---进入单级目录（tab键可以自动补充目录名称）
cd\--回退到盘符目录
cls--清屏
exit--退出命令提示符窗口
calc--启动计算器
cleanmgr--启动磁盘清理
notepad--启动记事本
magnify--启动放大镜
osk --启动屏幕键盘

vue导入

下载vue.js，导入扩展程序

VS Code中的拓展插件推荐：

vue.js(初识)相关推荐

vue.js初识（一）
vue.js安装官网:http://cn.vuejs.org/ 官方安装介绍:http://cn.vuejs.org/v2/guide/installation.html MVVM框架:View.V ...
VUE.JS优势，初识。框架以及库的区别
1,层层的技术更新换代. 提高开发效率的发展历程:原生JS -> Jquery之类的类库->前端模板引擎-> Angular.js /Vue.js (能够帮助我们减少不必要的DOM操 ...
前端学习（2056）：初识vue.js
MVVM模式 jquery.js <!DOCTYPE html> <html lang="en"><head><meta charset= ...
Vue.js高效前端开发 • 【初识Vue.js】
全部章节 >>>> 文章目录一.Vue概述 1.Web前端框架介绍 2.MVC和MVVM 3.Vue介绍 4.安装Vue 二.Vue使用 1.第一个Vue应用 2.Vue的双 ...
初学Vue.js，从头来过~
之前上课也学过vue.js,但是一遍过下来,实话,没有记住什么,所以决定自己在对照着文档过一遍,所以之后会弄一些基础的东西,还请大神们莫喷~~~~今天先给平台打一个预防针,Young C 要来啦~~ ...
Vue.js 核心精要实战解析
课程简介前端框架领域,Angular.React.Vue.js 三足鼎立,而 Vue.js 因其性能.通用.易用.体积.学习成本低等特点深受广大前端们的追捧,并吸引了一大批前端初学者.作为 Vue. ...
Vue.js基础（极简、自用）
Vue.js 一套用于构建用户界面的渐进式JavaScript框架 JavaScript框架简化Dom操作响应式数据驱动官方网址:Vue.js (vuejs.org) awesome vue 图 ...
[Vue.js] 一篇超级长的笔记，给《Vue.js 实战》划个重点
本文前言本笔记建立在书籍<Vue.js实战 / 梁灏编著>的基础上,旨在帮助有 Vue.js 基础的朋友快速回忆 Vue.js 的细碎内容.初学者建议阅读<Vue.js实战> ...
《Vue.js实战》记录
目录初识Vue.js 指令 v-html v-pre v-bind v-on v-cloak v-once v-show v-for v-model 自定义指令全局指令局部指令钩子函数计算属 ...

vue.js(初识)