写在前面

CSDN话题挑战赛第1期

活动详情地址：https://marketing.csdn.net/p/bb5081d88a77db8d6ef45bb7b6ef3d7f
参赛话题：前端面试宝典
话题描述：欢迎各位加入话题创作得小伙伴，如果我没有猜错得话，我觉得你是应该同我一样是一位前端人。如今前端在IT事业中的占比越来越重，已经成为不可缺少的部分，前端技术也是层出不穷，各种技术类、技术框架也蜂拥而出，前端面试的难度也随之增加，如果我们拥有一套前端面试宝典。如果你是应聘者：你就可以从容的solo面试官，如果你是面试官：你就可以将应聘者拷问到骨子里！
总之我们大家一起将自己的面试经验以及学习到的知识点汇聚于此，形成一套体系的前端面试宝典。让读者无论是面试还是学习都能够有非常大的收获。就让我们携手共筑前端面试宝典吧！！！

前端面试宝典

题目一：img标签中title属性和alt属性的区别
- 考点
- 答案
- 扩展
题目二：CSS选择器的优先级
- 考点
- 答案
- 扩展
题目三：undefined和null的区别
- 考点
- 答案
- 扩展

题目一：img标签中title属性和alt属性的区别

考点

这道题考的是HTML标签的属性，img标签中两相似属性的区别，我们要根据其属性，联想到在浏览器中呈现给用户的效果是怎样子的，这道题基本就没问题了。

答案

title 是对图片的描述或者注释，主要是给用户解读的。
当鼠标悬停在图片上时，显示出来的文字就是title的内容。
alt 是给搜索引擎识别的，当图像的路径错误或者其他原因导致无法显示时，原本显示图像的位置会有一段文字显示出来，这就是alt中的内容。

例子：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><img src="./images/MH/pic10.jpg" title="可爱的小兔兔" alt="这是一张兔兔的图片">
</body>
</html>

效果展示：

鼠标悬停在图片上时显示title的内容
图片因某些原因无法显示时，会显示alt的内容

扩展

title属性也可以用于文字标签上，比如为h1标签设置title属性
例子：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><h1 title="这是标题">前端面试</h1>
</body>
</html>

效果展示：

题目二：CSS选择器的优先级

考点

这道题考的是CSS选择器的优先级，这就需要我们对CSS选择器有一定的了解了，我们得知道CSS选择器有哪几类？各选择器之间的优先级是怎样的？

答案

CSS选择器的优先级是：
继承 < 通配符选择器 < 标签选择器 < 类选择器 < id选择器 < 行内样式 < !important

扩展

!important不能提升继承的优先级，只要是继承优先级都是最低的！

题目三：undefined和null的区别

考点

这道题考的是JavaScript中的知识点，undefined是什么？null是什么？什么情况下会出现undefined和null？

答案

undefined和null都是JavaScript中的基本数据类型。
undefined表示未定义，或者说不存在这个值。
null表示空对象，即一个对象被定义了，但值是“空值”。如：var a=null; 声明了变量a为空值。
声明了一个变量却没有赋值，如：var a; 此时 a=undefined;
调用函数时，如果本应该提供的参数没有提供，此时该参数等于 undefined
对象没有赋值的属性，该属性的值为 undefined
函数若没有返回值，默认返回 undefined

扩展

虽然 undefined 不是 JavaScript 中的保留关键字，但在 JavaScript 中其有特殊含义，我们尽量不要用 undefined 作为变量名。
用 typeof 对 undefined 和 null 进行类型判断时，typeof undefined 返回的类型是“undefined”，但 typeof null 返回的类型是“object”。
当我们使用双等号( == )对两种类型进行比较时会返回 true，但使用三等号( === )进行比较时会返回 false。

写在最后

CSDN话题挑战赛第1期

活动详情地址：https://marketing.csdn.net/p/bb5081d88a77db8d6ef45bb7b6ef3d7f

超实用的前端面试题，确定不看看吗？相关推荐

「前端面试题系列7」Javascript 中的事件机制（从原生到框架）
前言这是前端面试题系列的第 7 篇,你可能错过了前面的篇章,可以在这里找到: 理解函数的柯里化 ES6 中箭头函数的用法 this 的原理以及用法伪类与伪元素的区别及实战如何实现一个圣杯布局? ...
前端面试题整理（定期更新）
前言因为面试的原因,最近又开始关注前端面试题,浏览过网上很多面试题集合,有很多小伙伴整理的很全面,但是我发现其中有很多技术点在当下已不再流行,而面试题一般都是映射开发中常遇到的一些技能和问题,再结合 ...
JavaScript中的load事件的作用_史上最全的web前端面试题汇总及答案JavaScript之二（二）...
作者:樱桃小丸子儿链接:https://www.jianshu.com/p/abadcc84e2a4 JavaScript JS的基本数据类型 number,string,boolean,objec ...
noah的前端面试题（三）｜掘金技术征文
上一篇前端面试题(二) 1.JavaScript对于cookie的读.写操作写入 cookie function setCookie(cName, cValue, days) { var expi ...
应届生web前端面试题_2020最新Web前端经典面试题试题及答案（持续更新）
Web前端面试题 Web前端面试题:说说你对webpack的看法解析:webpack是一个模块打包工具,可以使用webpack管理你的模块依赖,并编译输出模块们所需要的静态文件.能很好的管理.打包w ...
前端面试题（html篇）
前端面试题(html篇) 转载于:https://www.cnblogs.com/mc67/p/5311613.html
java 前端页面传过来的值怎么防止篡改_答对这40道经典web前端面试题，想不拿到offer都难！...
想成功就业web前端工程师,想要能高薪就业,那么除了好的web前端技能以外,还得有好的面试技巧,如果提前就了解更多企业的面试要求及面试题目,那么可以让我们的面试成功的几率大大的提高. 今天小编就整理了 ...
下面有关html5标签说法错误的有,前端面试题（2016含答案）
标签定义命令按钮,比如单选按钮.复选框或按钮 8) 下述有关css属性position的属性值的描述,说法错误的是? a. b. c. d. static:没有定位,元素出现在正常的流中 fixed: ...
前端攻城狮学习笔记七：常见前端面试题之HTML/CSS部分（二）
前端页面有哪三层构成,分别是什么?作用是什么? 1.结构层:由 HTML 或 XHTML 之类的标记语言负责创建,仅负责语义的表达.解决了页面"内容是什么"的问题. 2.表示层:由 ...

超实用的前端面试题，确定不看看吗？

前端面试宝典

题目一：img标签中title属性和alt属性的区别

考点

答案

扩展

题目二：CSS选择器的优先级

考点

答案

扩展

题目三：undefined和null的区别

考点

答案

扩展

超实用的前端面试题，确定不看看吗？相关推荐

最新文章

热门文章