前端程序员面试秘籍题(附答案)

这几天京东618，图书很便宜，一下子买了很多图书，这次购买的图书主要以专业图书为主。

在浏览图书的时候，网页推荐过来一本《前端程序员面试秘籍》，在页面里大致浏览了一下，看了下里面的内容，基本都是一问一答的形式展开，这个里面涉及内容面比较广，基本把前端里涉及到的大体方面都介绍到了。

特别像高中时候整理的错题集，从这本书里也可以清楚的了解到前端开发人员需要学习哪些知识，掌握哪些内容，算是一本大纲书，因为书名就叫《前端程序员面试秘籍》，所以不能要求太高，这个也比较适合有一点基础的同学作为知识点的归类整理看看。

另外，如果你想要电子版的话，请到公众号聊天窗口回复“面试秘籍”即可获得这本书的电子版。如果这本书的内容比较适合你的话，建议购买纸质图书，也表示对作者的支持。

在此声明，本公号分享的电子版图书仅作为学习使用，请勿商用，谢谢大家配合。

关于本书作者

张容铭，前百度高级工程师，是《JavaScript设计模式》一书的作者。

以下内容来源《前端程序员面试秘籍》，大家可以感受一下里面的内容。看看是否适合自己。

01、谈谈你对Web 标准以及W3C 的理解和认识。

 标签要闭合，英文小写，且不要嵌套混乱，用标签语义化未提高技索的概率。使用外链式的css 和JS ( Java Script 的缩写）脚本，使结构、样式、行为分离，内容能被更广泛的设备所访问，代码精简， 开发组件化，代码易维护、可复用，改版、升级方便。

02、HTML 和XHTML 有什么区别？

 HTML 是一种基于Web 网页的设计语言， XHTML 是一种基于XML 、语法严格、标准的设计语言。两者主要的不同是XHTML 元素必须正确地嵌套，元素必须关闭，标签必须小写，必须有根元素； HTML 没有这些限制。

03、严格模式和混杂模式如何区分？如何触发这两种模式？

严格模式就是浏览器根据We b 标准去解析页面的方法， 是一种要求严格的DTD ,不九许使用任何表现层的语法；混杂模式是一种向后兼容的解析方法。触友严格模式或者标准模式很简单，就是在HTML 标签前声明正确的DTD ； 触发混杂模式可以在HTML 文档开始时不声明DTD ，或者在DOCTYPE 前加入XML 声明。

04、什么是静态网页？什么是动态网页？

静态网页是指没有数据交王的网页，即没有数据库参与，没有服务器端数据的力口载。比如静态网页就是只有HTML+CSS+JavaScript 做成的网站。动态网页是指有后台数据参与的网页，网页中的数据是从数据库中提取的，需要有后台逻辑的支持。比女口动态网页就是JSP 页面（后台语言是Java ）、ASP 页面（后台语言是ASP.NET ）等。

05、DOCTYPE 有什么作用？区分严格模式与混杂模式有何意义？

 ＜ ！ DOCTYPE ＞ 声明位于文档中的最前面，位于＜html ＞ 标签之前，即告知浏览器的解析器，用什么文档类型规范来解析这个文档。DOCTYPE 不存在或格式不正确都会导致文档以混杂模式呈现。

区分严格模式与混杂模式的意义如下。

严格模式的排版和JavaS cript 运行模式以该浏览器支持的最高标准运行。在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作（主要针对IE 浏览器）。

06、如何调试网页代码？如何查看网页源代码？

 要调试网页代码，在Windows 系统下按Fl2 键或者按Ctrl +S hift+I (MAC OS中是Option + Command十C ）组合键，打开开发者调试工具。要查看网页源代码， 按鼠标右键查看页面源代码。

07、语义化的主要目的是什么？

语义化的主要目的可以概括为用正确的标签做正确的事情。

HTML 语义化可以让页面的内容结构化，使于浏览器解析和搜索引擎解析，并提高代码的可维护度和可重用性。

比如，尽可能少使用无语义的标签＜div＞， 而多使用语义化的标签

08、锚点的作用是什么？如何创建锚点？

锚点是文档中某行的一个记号，类似于书签，用于链接到文档中的某个位置。当定义锚点后，可以创建直接跳至该锚点（比如页面中某个小节）的链接，这样使用者就无须不停地滚动页面来寻找他们需要的信息了。

在使用＜a＞元素创建锚，或时，可以使用name 属性为其命名（ W3C 规范）。

对其他元素，还可以使用id 属性为其命名，代码如下所示。

然后就可以创建链接，羊击链接，直接跳转到锚点，代码如下所示。

09、列举常用的结构标签，并描述其作用。

结构标签专门用于标识页面的不同结构，相对于使用＜ div＞元素而言， 结构标签可以实现语义化的标签。

常用的结构标签有以下几种。

•

•

•

•

< footer＞元素，常用于定义某区域的脚注信息。

• < aside＞元素，常用于定义页面的一些额外组成部分，如广告栏、侧边栏和相关

引用信息。

10、超级链接有哪些常见的表现形式？

 ＜ a＞ 元素用于创建超级链接，常见的表现形式有以下几种。

• 普通超级链接， ＜a href=" http://www.icketang.co m／” target ＝”” ＞爱创课堂＜／a＞。 下载链接，即目标文档为下载资源，语法为＜ a href＝ ” day.zip 与下载＜／a ＞。

• 电子邮件链接，用于链接到E- mail ，语法为＜ a href= ” mailo: 1234546 @ qq.com ” ＞。. 联系我们链接。

• 空链接，用于返回页面顶部， 语法为＜ a href＝ 川＞ ...

• 锚点跳转，用于跳转到页面某一位置，目前常用于前端路由，语法为＜ a href=” #icketang ” > ... ...

节选内容完毕，更多内容请浏览图书中的内容。