笔记总结最近遇到的一些前端面试题

1.CSS引入的方式有哪些？

使用元素链接外部的样式文件
在head中使用标签，在标签内写css。
在DOM中插入style属性。
在css中使用@import标记来导入样式表单

2.前端页面由哪三层构成，分别是什么？作用是什么？

网页分成三个层次，即：结构层、表示层、行为层。
网页的结构层（structural layer）由 HTML 或 XHTML 之类的标记语言负责创建。标签，也就是那些出现在尖括号里的单词，对网页内容的语义含义做出了描述，但这些标签不包含任何关于如何显示有关内容的信息。例如，P 标签表达了这样一种语义：“这是一个文本段。”
网页的表示层（presentation layer） 由 CSS 负责创建。 CSS 对“如何显示有关内容”的问题做出了回答。
网页的行为层（behavior layer）负责回答“内容应该如何对事件做出反应”这一问题。这是 Javascript 语言和 DOM 主宰的领域。

（2部分答案为转载，当时我个人只回答了结构层、表示层、行为层，和它们分别为html，style，javascript标签内的内容这类低端回答）

3.什么是静态网页？什么叫做动态网页？

（1）、静态网页：没有数据交互的网页，没有数据库参与，没有服务器端数据的加载。比如静态网页就是只有html+css+JavaScript做成的网站。
（2）、动态网页：有后台数据参与的网页，网页中的数据是从数据库取的，需要有后台逻辑的支持。比如动态网页就是jsp页面（后台语言是java）、asp页面（后台语言是asp.net）。

4.webapp如何获取用户手机号码？

使用HTML DOM userAgent 属性

5.设计中使用了非标准的字体，该如何处理？

使用在线字体库，例如Google Webfonts等。
用图片代替。
使用@font-face

6.为什么要初始化CSS样式？你是怎么初始化的？

因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对CSS初始化往往会出现浏览器之间的页面显示差异。

低级初始化：
*{padding: 0; margin: 0;} 。

7.前端语言有哪些？后端语言有哪些？

(1)、前端语言：HTML、css、javascript。
(2)、后端语言（服务器端语言）：php、java、asp.net。最近新出的node.js

8.XHTML和HTML有什么区别

HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言
最主要的不同：
XHTML 元素必须被正确地嵌套。
XHTML 元素必须被关闭。
标签名必须用小写字母。
XHTML 文档必须拥有根元素。

9.请描述一下 cookies，sessionStorage 和 localStorage 的区别？

cookie在浏览器和服务器间来回传递。 sessionStorage和localStorage不会
sessionStorage和localStorage的存储空间更大；
sessionStorage和localStorage有更多丰富易用的接口；
sessionStorage和localStorage各自独立的存储空间；

10.如何实现浏览器内多个标签页之间的通信?

调用localstorge、cookies等本地存储方式