前端简单的复习（试题）
HTML+CSS
HTML和XHTML的区别
HTML是一种基本的web网页设计语言。
XHTML是一个基于XML的置标语言。
XHTML元素必须被正确的嵌套。
XHTML元素必须被关闭
HTML语义化的理解
用正确的标签做正确的事
HTML语义化让页面的内容结构化，结构更清晰，便于搜索引擎解析
DOCTYPE HTML作用？
文档类型（HTML5的类型）：告知浏览器当前的文档按照HTML的类型进行编译执行。
(低版本不能识别高版本的语言)
页面导入样式时，使用link和@import有什么区别？
- link属于HTML标签，除了可以加载CSS外，还可以定义其它，
- @import是CSS提供的，只能加载CSS.
页面被加载时，link会被同时加载，@import引用的CSS会等页面被加载完后加载。 - link没有兼容问题
CSS的引入方式有哪些？
内联样式，内嵌样式，外联样式。
浏览器内核
主要分为两部分：渲染引擎和js引擎
渲染引擎：负责获取网页的内容，整理讯息，以及计算网页的显示方式，然后输出至显示器。
js引擎：解析和执行JavaScript来实现网页的动态效果。
iframe的作用
用于在网页中加入第三方网页
CSS盒模型
content，border，padding，margin
margin-top塌陷是如何产生的?以及解决方法有哪些?
一个元素中含有一个子元素，给子元素设置margin-top时，发现将设置的值添加给了父元素，导致子元素设置margin-top失效。
解决方法：
1）给父元素设置overflow：hidden
2）给父元素添加边框
3）伪元素
元素溢出的产生
元素溢出指一个元素中含有其它元素，二其它元素超出了这个元素（父元素）。
浮动元素不会撑开父元素的大小,那么如何解决父元素撑开的问题?(你有哪些方式)?
1）使用带有clear属性的空标签
在浮动元素后使用一个空标签，使用clear：both；
2）使用overflow属性
给浮动元素的容器添加overflow：hidden或overflow：auto；
3）给浮动元素的容器添加浮动
4）使用：after伪元素
5）使用双伪元素：before和：after
前端开发由哪三层构成？
结构层（HTML），表现层（CSS），行为层（JavaScript）
结构层：由HTML或XHTML之类的标记语言负责创建
表现层：由CSS负责创建，同来美化HTML结构，将结构与表现进行分离
行为层：提供用户和界面的交互
CSS的权重
！important>行内样式>id选择器>类选择器>标签选择器>通配符>继承
表单提交时:get和post提交方式的区别是什么?
post和get都是客户端用来提交数据的一种方式。
客户端将数据以报文的形式提交给服务器。
get 方法：【默认值】将数据附加在网址的后面进行传输
①以报文头的方式显示在URL地址栏中。
②所有出现文件名(URL)的地方都可以打开？进行get方式传值
③只能用来传输少量的数据
④在网址后面可以直接看到，不安全
post方法：不会附加在网址后面(隐形的传值)
①以报文体，报文内容的形式隐形的进行提交。
②post方式可以传大量数据(上传文件)
③隐形传输，非常安全
在新窗口打开链接的方法是？
target:_blank
JavaScript
什么是JavaScript？
是一种基于对象和事件驱动的客户端脚本语言，提供用户与界面的交互方式。
什么是window对象？什么是document对象？
window对象：指浏览器打开的窗口
document对象：Document对象（HTML文档对象）的一个只读引用，window对象的一个属性。
null，undefined的区别？
null表示一个对象是“没有值”的值，值为“空”，转为数值为0。
undefined表示一个变量声明了但没有初始化，转为数值为 NAN。
事件捕获和事件冒泡
事件捕获：
父级元素先触发，子集元素后触发；（由外到内）
事件冒泡：
子集元素先触发，父级元素后触；（由内到外）
子集元素和父元素具备同样的事件，当触发子元素时，也会触发父元素的事件
什么是脚本语言？什么是编译语言？
脚本语言：把程序解析一行执行一行，显示给用户
编译执行：将程序编译成CPU可识别的语言（机器码），然后统一执行展示给用户
JavaScript的三大组成
- JavaScript基础语法
- JavaScript的浏览器对象操作
- JavaScript的DOM操作
innerHTML和innerText的区别
innerHTML：设置或获取标签包含的HTML+文本信息（指的是从对象的起始位置到终止位置的全部内容，包括HTML标签）。
innerText ：设置或获取标签所包含的文本信息（指的是从起始位置到终止位置的内容,但它去除Html标签）。
script程序嵌入body中和head中的区别？
在HTML body部分中的JavaScript会在页面加载的时候被执行。
在HTML head部分中的JavaScript会在被调用的时候才执行。
write（）和writeln（）之间的区别？
document.write()
将内容写入文档，当前编辑位置为写入的内容的后一个字符。
document.writeln()
将内容写入文档，并添加一个换行符，当前编辑位置为写入的内容的后一行的起始位置。
Write不可以换行，Writeln可以换行。
JavaScript中的数据类型分为两大类
基本数据类型（3种）
数字型（number）
字符串型（string）
布尔型（ bool）
特殊数据类型（3种）
空值型（null）
未定义型（undefined）
对象型（object）