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