没有合适的资源?快使用搜索试试~ 我知道了~
前端校招面试题精编解析大全(1)1
需积分: 0 2 下载量 76 浏览量
2022-08-04
15:40:52
上传
评论 1
收藏 16.14MB PDF 举报
温馨提示
试读
280页
声明位于文档中的最前面的位置,处于标签之前。此标签可告知浏览器文档使用(重点:告诉浏览器按照何种规范解析页面)7.说说你对 HTML5 认识?(是什么,为什么)
资源详情
资源评论
资源推荐
《前端校招面试题精编解析大全》
前言
历时半年,我们整理了这份市面上最全面的前端精编面试题解析大全
包含了腾讯、字节跳动、百度、阿里、滴滴、美团、58、拼多多、360、新浪、
搜狐等一线互联网公司面试被问到的题目。熟悉本文中列出的知识点会大大增加
通过前两轮技术面试的几率。
特意推荐给前端初级开发的朋友们,定价友好只需要 69.9 元。请前往支持正版。
如何使用它?
1.可以通过目录索引直接翻看需要的知识点,查漏补缺。
2.五角星数表示面试问到的频率,代表重要推荐指数
第一章 HTML(★★)
1.浏览器页面有哪三层构成,分别是什么,作用是什么?
参考答案:
构成:结构层、表示层、行为层
分别是:HTML、CSS、JavaScript
作用:HTML 实现页面结构,CSS 完成页面的表现与风格,JavaScript 实现一些客
户端的功能与业务。
2.HTML5 的优点与缺点?
参考答案:
优点: a、网络标准统一、HTML5 本身是由 W3C 推荐出来的。
b、多设备、跨平台
c、即时更新。
d、提高可用性和改进用户的友好体验;
e、有几个新的标签,这将有助于开发人员定义重要的内容;
f、可以给站点带来更多的多媒体元素(视频和音频);
g、可以很好的替代 Flash 和 Silverlight;
h、涉及到网站的抓取和索引的时候,对于 SEO 很友好;
i、被大量应用于移动应用程序和游戏。
《前端校招面试题精编解析大全》
缺点: a、安全:像之前 Firefox4 的 web socket 和透明代理的实现存在严重的安
全问题,同时 web storage、web socket 这样的功能很容易被黑客利用,来盗取
用户的信息和资料。
b、完善性:许多特性各浏览器的支持程度也不一样。
c、技术门槛:HTML5 简化开发者工作的同时代表了有许多新的属性和
API 需要开发者学习,像 web worker、web socket、web storage 等新特性,后台
甚至浏览器原理的知识,机遇的同时也是巨大的挑战
d、性能:某些平台上的引擎问题导致 HTML5 性能低下。
e、浏览器兼容性:最大缺点,IE9 以下浏览器几乎全军覆没。
3.Doctype
作用
?
严格模式与混杂模式如何区分?它们有
何意义
?
参考答案:
回答 1:
(1)、 声明位于文档中的最前面,处于标签之前。告知浏览器的解析器,用什
么文档类型 规范来解析这个文档。
(2)、严格模式的排版和 JS 运作模式是以该浏览器支持的最高标准运行。
(3)、在混杂模式中,页面以宽松的向后兼容的方式显示。模拟老式浏览器的
行为以防止站点无法工作。
(4)、DOCTYPE 不存在或格式不正确会导致文档以混杂模式呈现。
回答 2: doctype 声明指出阅读程序应该用什么规则集来解释文档中的标记。在
Web 文档的情况下,“阅读程序”通常是浏览器或者校验器这样的一个程序,
“规则”则是 W3C 所发布的一个文档类型定义(DTD)中包含的规则。
(1) 声明位于文档中的最前面的位置,处于标签之前。此标签可告知浏览器文档
使用哪种 HTML 或 XHTML 规范。该标签可声明三种 DTD 类型,分别表示严格
版本、过渡版本以及基于框架的 HTML 文档。
(2)所谓的标准模式是指,浏览器按 W3C 标准解析执行代码;怪异模式则是使用
浏览器自己的方式解析执行代码,因为不同浏览器解析执行的方式不一样,所以
我们称之为怪异模式。 严格模式是浏览器根据 web 标准去解析页面,是一种要
求严格的 DTD,不允许使用任何表现层的语法,如
。严格模式的排版和 JS 运作模式是以该浏览器支持的最高标准运行混杂模式则
是一种向后兼容的解析方法,说的透明点就是可以实现 IE5.5 以下版本浏览器的
渲染模式。
(3)浏览器解析时到底使用标准模式还是怪异模式,与你网页中的 DTD 声明直接
相关, DTD 声明定义了标准文档的类型(标准模式解析)文档类型,会使浏览
器使用相应的方式加载网页并显示,忽略 DTD 声明 ,将使网页进入怪异模式。
《前端校招面试题精编解析大全》
4.HTML5 有哪些新特性、移除了哪些元素?
参考答案:
Html5 新增了 27 个元素,废弃了 16 个元素,根据现有的标准规范,把 HTML5 的
元素按优先级定义为结构性属性、级块性元素、行内语义性元素和交互性元
素 4 大类。
结构性元素主要负责 web 上下文结构的定义
section:在 web 页面应用中,该元素也可以用于区域的章节描述。
header:页面主体上的头部, header 元素往往在一对 body 元素中。
footer:页面的底部(页脚),通常会标出网站的相关信息。
nav:专门用于菜单导航、链接导航的元素,是 navigator 的缩写。
article:用于表现一篇文章的主体内容,一般为文字集中显示的区域。
级块性元素主要完成 web 页面区域的划分,确保内容的有效分割。
aside:用于表达注记、贴士、侧栏、摘要、插入的引用等作为补充主体的内容。
figure:是对多个元素进行组合并展示的元素,通常与 ficaption 联合使用。
code:表示一段代码块。
dialog:用于表达人与人之间的对话,该元素包含 dt 和 dd 这两个组合元素,dt 用
于表示说话者,而 dd 用来表示说话内容。
行内语义性元素主要完成 web 页面具体内容的引用和描述,是丰富内容展示的
基础。
meter:表示特定范围内的数值,可用于工资、数量、百分比等。
time:表示时间值。
progress:用来表示进度条,可通过对其 max 、 min 、 step 等属性进行控制,完
成对进度的表示和监事。
video:视频元素,用于支持和实现视频文件的直接播放,支持缓冲预载和多种
视频媒体格式。
audio:音频元素,用于支持和实现音频文件的直接播放,支持缓冲预载和多种
音频媒体格式。
交互性元素主要用于功能性的内容表达,会有一定的内容和数据的关联,是各种
事件的基础。
details:用来表示一段具体的内容,但是内容默认可能不显示,通过某种手段(如
单击)与 legend 交互才会显示出来。
datagrid:用来控制客户端数据与显示,可以由动态脚本及时更新。
menu:主要用于交互菜单(曾被废弃又被重新启用的元素)。
command:用来处理命令按钮。
5.你做的网页在哪些浏览器测试过,这些浏览器的内核分别
是什么?
参考答案:
a、 IE: trident 内核
《前端校招面试题精编解析大全》
b、 Firefox : gecko 内核
c、 Safari:webkit 内核
d、 Opera: 以前是 presto 内核, Opera 现已改用 Google Chrome 的 Blink 内核
e、 Chrome:Blink( 基于 webkit , Google 与 Opera Software 共同开发 )
6.
每个
HTML
文件里开头都有个很重要的东西,
Doctype
,
知道这是干什么的吗?
参考答案:
声明位于文档中的最前面的位置,处于标签之前。此标签可告知浏览器文档使用
哪种 HTML 或 XHTML 规范。(重点:告诉浏览器按照何种规范解析页面)
7.说说你对 HTML5 认识?(是什么,为什么)
参考答案:
是什么:
HTML5 指的是包括 HTML 、 CSS 和 JavaScript 在内的一套技术组合。它希望能够
减少网页浏览器对于需要插件的丰富性网络应用服务( Plug-in-Based Rich
Internet Application , RIA ),例如: AdobeFlash 、 Microsoft Silverlight 与 Oracle
JavaFX 的需求,并且提供更多能有效加强网络应用的标准集。HTML5 是 HTML 最
新版本,2014 年 10 月由万维网联盟( W3C )完成标准制定。目标是替换 1999 年
所制定的 HTML 4.01 和 XHTML 1.0 标准,以期能在互联网应用迅速发展的时候,
使网络标准达到匹配当代的网络需求。
为什么:
HTML4 陈旧不能满足日益发展的互联网需要,特别是移动互联网。为了增强浏
览器功能 Flash 被广泛使用,但安全与稳定堪忧,不适合在移动端使用(耗电、
触摸、不开放)。
HTML5 增强了浏览器的原生功能,符合 HTML5 规范的浏览器功能将更加强大,
减少了 Web 应用对插件的依赖,让用户体验更好,让开发更加方便,另外 W3C 从
推出 HTML4.0 到 5.0 之间共经历了 17 年, HTML 的变化很小,这并不符合一个
好产品的演进规则。
8.对 WEB 标准以及 W3C 的理解与认识?
参考答案:
标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外 链 css 和 js 脚
本、结构行为表现的分离、
文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备
所访问、更少的代码和组件,
《前端校招面试题精编解析大全》
容易维 护、改版方便,不需要变动页面内容、提供打印版本而不需要复制内容、
提高网站易用性。
9.HTML5
行内元素有哪些
,
块级元素有哪些
,
空元素有哪
些
?
参考答案:
(1)行内元素
a - 锚点
* abbr - 缩写
* acronym - 首字
* b - 粗体 ( 不推荐 )
* bdo - bidi override
* big - 大字体
* br - 换行
* cite - 引用
* code - 计算机代码 ( 在引用源码的时候需要 )
* dfn - 定义字段
* em - 强调
* font - 字体设定 ( 不推荐 )
* i - 斜体
* img - 图片
* input - 输入框
* kbd - 定义键盘文本
* label - 表格标签
* q - 短引用
* s - 中划线 ( 不推荐 )
* samp - 定义范例计算机代码
* select - 项目选择
* small - 小字体文本
* span - 常用内联容器,定义文本内区块
* strike - 中划线
* strong - 粗体强调
* sub - 下标
* sup - 上标
* textarea - 多行文本输入框
* tt - 电传文本
* u - 下划线
* var - 定义变量
(2)块元素 (block element)
* address - 地址
剩余279页未读,继续阅读
H等等H
- 粉丝: 31
- 资源: 337
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论0