前端面试相关问题(不断更新
- HTML
- 1、doctype(文档类型) 的作用是什么?
- 2、浏览器标准模式 (standards mode) 、几乎标准模式(almost standards mode)和怪异模式 (quirks mode) 之间的区别是什么?
- 3、HTML 和 XHTML 有什么区别?
- 4、如果页面使用 ‘application/xhtml+xml’ 会有什么问题吗?
- 5、如果网页内容需要支持多语言,你会怎么做?
- 6、使用 data- 属性的好处是什么?
- 7、如果把 HTML5 看作做一个开放平台,那它的构建模块有哪些?
- 8、请描述 cookies、sessionStorage 和 localStorage 的区别。
- 9、请解释 < script >、< script async > 和 < script defer > 的区别。
- 10、为什么通常推荐将 CSS < link > 放置在 < head >< /head > 之间,而将 JS < script > 放置在 < /body > 之前?你知道有哪些例外吗?
- 11、什么是渐进式渲染 (progressive rendering)?
- 12、你用过哪些不同的 HTML 模板语言?
- CSS
- JS
- 网络相关问题
HTML
1、doctype(文档类型) 的作用是什么?
全拼document type 是一种标准通用标记语言的文档类型声明,它的目的是告诉浏览器(解析器)应该以什么样(html或xhtml)的文档类型定义(DTD)来解析文档。
2、浏览器标准模式 (standards mode) 、几乎标准模式(almost standards mode)和怪异模式 (quirks mode) 之间的区别是什么?
3、HTML 和 XHTML 有什么区别?
4、如果页面使用 ‘application/xhtml+xml’ 会有什么问题吗?
5、如果网页内容需要支持多语言,你会怎么做?
6、使用 data- 属性的好处是什么?
7、如果把 HTML5 看作做一个开放平台,那它的构建模块有哪些?
8、请描述 cookies、sessionStorage 和 localStorage 的区别。
9、请解释 < script >、< script async > 和 < script defer > 的区别。
10、为什么通常推荐将 CSS < link > 放置在 < head >< /head > 之间,而将 JS < script > 放置在 < /body > 之前?你知道有哪些例外吗?
11、什么是渐进式渲染 (progressive rendering)?
12、你用过哪些不同的 HTML 模板语言?
CSS
1、CSS 中类 (classes) 和 ID 的区别。
id是标签的标识,具有唯一性,只能试用一次,“#”为id的前缀。
类是一个样式,可以多次引用,“.”为class的前缀。
从概念上来讲,class是设置一种样式,再给结构或者内容用,而id是先找到结构或者内容,再对该结构或者内容设置样式。目前的浏览器还都允许用多个相同ID,一般情况下也能正常显示,不过当你需要用JavaScript通过id来控制div时就会出现错误。