这几天京东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 ” > ... a > 。. 用于实现特定的代码功能,语法为<a href=”javascr中t:vo id (O); "> ...
节选内容完毕,更多内容请浏览图书中的内容。