多种网盘链接检测插件 购买前，请先检测网盘链接是否有效
《前端程序员面试宝典》_张容铭_2018-09-01_1
《前端程序员面试宝典》_张容铭_2018-09-01_2
《前端程序员面试宝典》_张容铭_2018-09-01_3
内容简介：
前端程序员面试秘籍
第19章 React
第20章游戏开发
第21章网络.安.全.
第22章性能优化
23章模块化开发
第24章CsSS预编译
第25章混合开发
第26章前端工程化
第27章版本管理工具
第28章前端测试
第29章公司常问问题
第30章主观面试题
第1章HTML
1.:谈谈你对Web标准以及W3C的理解和认识
:标签要闭合,英文小写,且不要嵌套混乱,用标签语义化来提高揎索的概率
使用外链式的CSS和JS( Java Script的缩写)脚本,使结构、样式、行为分离,内容
能被更广泛的设备所访问,代码精简,开发组件化,代码易维护、可复用,改版、升
2.m:HTML和 XHTML有什么区别
M:HIML是一种基于Web网 页的设计语言, XHTML是一种基于XML、语法严格
标准的设计语言
两者主要的不同是 XHTML元素必须正确地嵌套,元素必须关闭,标签必须小写
必须有根元素;HTML没有这些限制
3.:严格模式和混杂模式如何区分?如何触发这两种模式?
M:严格模式就是浏览器根据Web标准去解析页面的方法,是一种要求严格的DTD,
不允许使用任何表现层的语法;混杂模式是一种向后兼容的解析方法
触发严格模式或者标准模式很简单,就是在HTML标签前声明正确的DTD;触发
杂模式可以在HTML文档开始时不声明DTD,或者在 DOCTYPE前加入XML声明
4.:什么是静态网 页?什么是动态网 页?
:静态网 页是指没有数据交互的网 页,即没有数据库参与,没有服.务.器端数据的
加载,比如静态网 页就是只有HTML+CSS+ JavaScript做成的网站
动态网 页是指有后台数据参与的网 页,网 页中的数据是从数据库中提取的
后台逻辑的
支持。比如动态网 页就是SP页面(后台语言是Jaa)、ASP页面(后台语言是 ASPNET)等
小铭提醒
为有动面的网 页就是动态网 页,这是一个严重的误区。
5.: DOCTYPE有什么作用?区分严格模式与混杂模式有何意义?
M:<! DOCTYPE>声明位于文档中的最前面,位于<hm>标签之前,即告知浏览器
的解析器,用什么文档类型規范来解析这个文档。 DOCTYPE不存在或格式不正确都会
导致文档以混杂模式呈现
2前端程序员面试秘籍
区分严格模式与混杂模式的意义如下
严格模式的排版和 Javascript运行模式以该浏览器支持的最高标准运行。在混杂模
式中,页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作
(主要针对IE浏览器)
6.:如何调试网 页代码?如何查看网 页源代码?
:要调试网 页代码,在 Windows系统下按F12键或者按Ctrl+ Shift+l( MAC OS
中是 Option+ Command+C)组合键,打开开发者调试工具
要查看网 页源代码,按鼠标右键查看页面源代码
:语义化的主要目的是什么?
:语义化的主要目的可以概括为用正确的标签做正确的事情
HTML语义化可以让页面的内容结构化,便于浏览器解析和搜索引擎解析,并提
代码的可维护度和可重用性
比如,尽可能少使用无语义的标签<div>,而多使用语义化的标签< heade
footer>
8.:错点的作用是什么?如何创建锚点?
:锚点是文档中某行的一个记号,类似于书签,用于链接到文档中的某个位置
当定义锚点后,可以创建直接跳至该锚点(比如页面中某个小节)的链接,这样使用者
就无须不停地滚动页面来寻找他们需要的信息了
在使用<a>元素创建锚点时,可以使用name属性为其命名(W3C规范)
对其他元素,还可以使用id属性为其命名,代码如下所示
h11d- ekeland\">爱创课堂</h
前端培训学校</a>
然后就可以创建链接,单击锤接,直接跳转到锚点,代码如下所示
href= schoo1\">回到前端培训学校</
9.:列举常用的结构标签,并描述其作用
:结构标签专门用于标识页面的不同结构,相对于使用<div>元素而言,结构标签
可以实现语义化的标签
常用的结构标签有以下几种
< header>元素,用于定义文档的页眉
nav>元素,用于定义页面的导航链接部分
section>元素,用于定义文档中的节,表示文档中一个具体的组成部分
< article>元素,常用于定义独立于文档其他部分的内容
第1章HTML3
< footer>元素,常用于定义某区域的脚注信息
< aside>元素,常用于定义页面的一些额外组成部分,如广告栏、侧边栏和相关
用信息
0.:超级链接有哪些常见的表现形式?
M:<a>元素用于创建超级链接,常见的表现形式有以下几种
普通超级链接,语法为≤ahref\"hp:/www.icketang.com\"target\">爱创课堂<a>。
下载链接,即目标文档为下载资源,语法为< a href=\" day. zip\">下载</a>
电子邮件链接,用于链接到E-mai,语法为< a href=\" mailo:1234546@ q9-con\">
联系我们链接
空链接,用于返回页面顶部,语法为< a href=\">…/a>
锚点蹺转,用于跳转到页面菜一位置,目前常用于前端路由,语法为< a href
#icketang\">.</a>
用于实现特定的代码功能,语法为< a href-\" javascript:void(0);\">…,<a>
11.:你测试过哪些浏览器的页面?它们的内核分别是什么
:IE( Trident)、 Firefox( Gecko、 Chrome与 Safario( Webkit)、 Operat( Presto)
小铭提醒
2013年谷歌为 Chrome推出了 Blink浏览器排版引擎,包括 Opera在内的浏览器开始使
用该引擎。
12.:dN是什么?在dv出现之前用什么做网站布局?
M:div是网站布局的盒子标签。div出现之前使用 table布局,因为 table布局嵌套
很多,网站加载慢( table无法局部渲染),布局层级不清晰
13.:img标签上的tte和at属性的区别是什么?
:; title的功能是为元素提供标题信息,即当光标悬浮在标签上后显示的信息;alt
的功能是图片的替换文案,即当图片不能正常显示时(如加载失败),用文字代替
14.:空元素有哪些?
M:知名的空元素(单标签)有<br><hr<img< Input-<link> meta
小铭提醒
空元素也就是我们通常所说的单标签元素
15.:简述一下src与href的区别
src表示来源地址,用在img, script、 iframe等元素上,hre表示超文本引用( ***rtext
reference),用在link和a等元素上
4前端程序员面试秘籍
sre的内容是页面必不可少的一部分,表示引入。href的内容与该页面有关联,表
引用。简单来说,它们的区别就是引入和引用
16.m:简述一下< strong><em>和<b><>标签的区别。
;< strong>标签和<em>标签一样,用于强调文本,但它强调的程度更强一些
<em>是斜体强调标签,强调更强烈,表示内容的强调点。视觉上相当于html元素
中的<>…>。<em>和< strong>是表达元素( phrase element),即语义化元素
<b><i>是視觉元素,即非语义化元素,分别表示无意义的加粗和无意义的斜体
17.:你知道多少种 DOCTYPE?HTML与 XHTML有什么共同点?
: DOCTYPE标签可声明3种文档类型,分别表示严格版本( Strict)、过渡版本
( Transitiona)和基于框架( Frameset)的HTML文档
HTML401规定了3种文档类型: Strict、 Transitional和 Frameset
XHTML1.0规定了3种XML文档类型: Strict、 Transitiona和 Frameset
浏览器通常有两种呈现模式 Standards和 irks
Standards(标准)模式(也就是严格呈现模式)用于呈现遵循最新标准的网 页
αuiks(包容)模式(也就是松散呈现模式或兼容模式)用于呈现为传统浏览器而设
计的网
HTML和 XHTML的共同点如下
(1)所有的标记都必须要有一个相应的结束标记
(2)所有标签的元素和属性的名字都必须使用小写
3)所有的XML标记都必须合理嵌套
(4)所有的属性必须用引号“”括起
5)所有“<”和“&”特殊符号都用编码表
(6)给所有属性赋一个值
(7)不要在注释内容中使“
(8)图片必须有说明文字
18.:在新窗口打开链接的方法是什么?
tar
19.:HTML、Css、 JavaScript的关系是什么?
M:学习Web前端开发基础技术需要掌握HTML、CSS和 JavaScript语言
(1)HTML是网 页内容的载体,是内容显示的框架。内容就是网 页制作者放在页面
上想让用户浏览的信息,包括文字、图片、视频等
(2)CSS是网 页内客的表现,就像对网 页进行包装。比如字体、颜色、边框等,这
些都是用来改变内容外观的东西
|
|
