前端面试试题（二）

1、什么是前端？
用HTML,CSS,JS以及更多的框架技术，编写网站页面，App应用，微信小程序
等，通过内容设计，交互动画，数据操作构建项目与用户的交互界面。前端工程师与UI设计师和后太工程师合作，实现设计意图并调用数据接口。
2、img标签属于什么类型元素？有什么特点？
属于行内标签，多个元素在一行中显示，本身具有宽高的属性，尺寸大小可设定。
3、行内元素、块元素，空元素都有哪些？
行内元素：a,b,i,u,s,span,sub,sup,img,label
块级元素：div,h1~h6,p,ul,ol,dl
空元素：hr,br
4、哪些元素默认有外边距?
h1~h6,p,ul,ol,dl,pre,body

5、如果要将表单中的值提交给服务器必须为控件设置什么属性？
name和value
6、transition和animation的区别？
他们都随时间改变元素属性值发生变化。
主要区别是过度需要触发一个事件才能改变属性过渡是从fron…to…。而动画不需要触发也可以随着时间改变样式的属性，是由一帧一帧组合到一起，也可以理解为动画是由多个过渡组成。
7、src和href的区别？
href是超文本的引用，用来建立当前元素与文档之间的链接。并行下载该文档，不会停止对当前文档的处理。
src：指向的内容会嵌入到当前标签的位置，人如img,script,iframe,当浏览器解析到该元素时，会暂停浏览器的渲染，直到该资源加载完毕。
8、如何理解JSON？
JSON是以JS对象数据格式表现出来的字符串。
JSON常用的两个API：JSON.parse();将JSON转换为数组/对象
JSON.stringfy();将对象/数组转换为json字符串
9、列举常见的3和4开头的状态码以及他们的意义？
301：永久性重定向
302：临时重定向
304：命中缓存
404：找不到请求资源
403：禁止，服务器拒绝请求
10、行内元素和块级元素的区别？
行内元素：会在水平方向上排列，不能包含块级元素，设置width无效，height无效（line-height有效），margin上下无效，padding上下无效。
块级元素：各占据一行，垂直方向排列
11、Doctype作用？
告诉浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。
HTML5不基于 SGML，因此不需要对DTD进行引用，但是需要doctype来规范浏览器的行为（让浏览器按照它们应该的方式来运行）。
而HTML4.01基于SGML,所以需要对DTD进行引用，才能告知浏览器文档所使用的文档类型。