web应用开发实战

HTML-CSS-JavaScript面试题

什么是html语义化？

1、用正确的标签做正确的事情。

  html语义化让页面的内容结构化，结构更清晰，便于对浏览器、搜索引擎解析

清除浮动是什么？

·  不允许当前元素的左边和右边出现浮动元素。

关于css垂直居中？

1、父元素高度确定的单行文本

设置 height = line-height

2、父元素高度确定的多行文本

a:插入 table （插入方法和水平居中一样），然后设置 vertical-align:middle

b:先设置 display:table-cell 再设置 vertical-align:middle

绝对定位和相对定位？

相对定位

position:relative

相对于原来的位置移动，元素不脱离文档流，不影响其他元素的布局

 .box{

            position: relative;

            top: 100px;

            left: 100px;

            width: 100px;

            height: 100px;

            background-color: orange;

        }

绝对定位

position:absolute

元素会脱离文档流，如果设置偏移量，会影响其他元素的位置定位

1.相对于最近的非 static 祖先元素定位

body{

          position: relative;

          height: 100px;

        }

        .box{

            position: relative;

            top: 100px;

            left: 100px;

            width: 100px;

            height: 100px;

            background-color: orange;

        }

什么是盒子模型？

   

可以把所有HTML标签都理解成一个盒子模型

盒子模型主要由4个部分组成：content、padding、border、margin

• 标准盒模型   content-box

盒子的尺寸 = content(宽度) + padding(左右) + border(左右) + margin（左右）

• 怪异盒模型   border-box

盒子的尺寸 = margin(左右)+ content(宽度)

其中content 宽 已包括 padding(左右)+border(左右)

MVVM   MVC  CDN   CMD  的回顾

MVVM

• MVVM是一种软件设计模式
• MVVM的出现促进了前端开发与后端的分离，极大提高了前端的开发效率。

MVC

• 是MVC一种软件设计规范，是将业务逻辑、数据、显示分离的方法来组织代码。
• MVC主要作用是降低了视图与业务逻辑间的双向偶合。
• MVC不是一种设计模式，MVC是一种架构模式。
• 不同的MVC存在差异。

 CDN 

 Content Delivery Network，简称 （CDN）是建立并覆盖在承载网之上、由分布在不同区域的边缘节点服务器群组成的分布式网络，替代传统以Web Server为中心的数据传输模式。CDN能将源内容发布到边缘节点并配合精准的调度系统；也能将用户的请求分配至最适合他的节点，使用户可以以最快的速度取得他所需的内容，有效解决Internet 网络拥塞状况，提高用户访问的响应速度。

CMD

cmd是终端命令输入器，您在windows10下点击开始按钮后键盘输入cmd就可以看到这个应用；win10之前的操作系统需要点击开始-运行，在运行那输入cmd就能打开终端。终端是执行dos命令，不属于脚本，但dos命令支持一种.bat格式的批处理文件，这类文件可以把多个dos命令按顺序编排后执行