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进行引用,才能告知浏览器文档所使用的文档类型。