前端面试知识点

最新推荐文章于 2024-07-05 21:33:55 发布

小允子

最新推荐文章于 2024-07-05 21:33:55 发布

阅读量8.1k

点赞数 2

分类专栏：面试题文章标签： css html javascript 前端面试

本文链接：https://blog.csdn.net/qq_26297581/article/details/51549213

版权

这是一份关于HTML5前端面试的题目汇总，涵盖了HTML5新增标签、API、DOM操作、CSS样式、JavaScript特性等多个方面。题目涉及到HTML5标准、浏览器内核、兼容性处理、CSS盒子模型、事件处理、前端存储、离线缓存、Web Workers、Web SQL等相关知识点。还讨论了HTML5的语义化、离线储存、CSS选择器、CSS3新特性以及浏览器内核的区别等内容。此外，题目中还包含了一些JavaScript的高级特性，如Promise、数组操作、正则表达式等。

摘要由CSDN通过智能技术生成

答案已在最下方公布。

1、以下是HTML5新增的标签是：
   A、<aside> B、<isindex> C、<samp> D、<s>
2、以下不是HTML5的新增的标签是：
   A、<bdi> B、<xmp> C、<command> D、<dialog>
3、以下不是HTML5新增的API是
   A、Media API B、Command API C、History API D、Cookie API
4、以下说法不正确的是：
   A、HTML5 标准还在制定中
   B、HTML5兼容以前HTML4下浏览器
   C、<canvas>标签替代Flash
   D、简化的语法
5、以下不是canvas的方法是：
   A、getContext()
   B、fill()
   C、stroke()
   D、controller()
6、关于HTML5说法正确的是：
   A、HTML5只是对HTML4的一个简单升级
   B、所有主流浏览器都支持HTML5
   C、HTML5新增了离线缓存机制
   D、HTML5主要是针对移动端进行了优化
7、HTML5不支持的视频格式是：
   A、ogg
   B、mp4
   C、flv
   D、WebM
8、不是HTML5特有的存储类型是：
   A、localStorage
   B、Cookie
   C、Application Cache
   D、sessionStorage
9、以下关于FileReader说法正确的是：
   A、readAsText方法有3个参数，其中第二个参数是文本的编码方式，默认值为 UTF-8。
   B、readAsBinaryString：该方法将文件读取为二进制字符串
   C、onabort事件，中断时触发
   D、onload事件，文件读取成功完成时触发
10、以下关于canvas说法正确的是：
   A、clearRect(width, height,left, top)清除宽为width、高为height,左上角顶点在(left,top)点的矩形区域内的所有内容。
   B、drawImage()方法有4中原型
   C、fillText()第3个参数maxWidth为可选参数
   D、fillText()方法能够在画布中绘制字符串
11、以下关于canvas说法正确的是：
   A、HTML5标准中加入了WebSql的api
   B、HTML5支持IE8以上的版本(包括IE8)
   C、HTML5 仍处于完善之中
   D、Html5将取代Flash在移动设备的地位
12、以下关于video说法正确的是：
   A、当前，video元素支持三种视频格式,其中WebM = 带有 Thedora 视频编码和 Vorbis 音频编码的 WebM 文件。
   B、source元素可以添加多个,具体播放哪个有浏览器决定。
   C、video内使用img展示有视频封面
   D、loop属性可以使媒介文件循环播放。
13、以下关于video说法错误的是：
   A、navigator.geolocation可以用来判断浏览器是否支持地理定位
   B、window.navigator.cookieEnabled判断浏览器是否支持cookie
   C、Canvas不依赖分辨率
   D、window.FileReader判断浏览器是否支持FileReader
14、以下不是input在html5的新类型的是：
   A、DateTime
   B、file
   C、Colour
   D、Range
15、以下不是HTML5新特性的是：
   A、新的@font-face字体设置
   B、新的离线存储
   C、新的音频、视频API
   D、新的内容标签
16、关于html5说法正确的是：
   A、HTML5是在原有HTML上的升级版
   B、HTML可以不需要DTD
   C、没有<!DOCTYPE html>HTML5可以正常工作
   D、<output>是html5的新标签
17、关于html5说法错误的是：
   A、Canvas是HTML中你可以绘制图形的区域
   B、SVG表示可缩放矢量图形
   C、queryselector的功能类似于jQuery的选择器
   D、queryString是html5查找字符串的新方法
18、关于Web Workers说法错误的是：
   A、Web Worker只能使用terminate()中止
   B、Web worker线程不能修改HTML元素
   C、Web worker线程不能修改全局变量和Window.Location
   D、Web Worker 是 HTML5 提供的一个javascript多线程解决方案
19、关于应用缓存说法正确的是：
  A、FALLBACK:后退命令,优选使用缓存而不是网络更新   B、NETWORK:不需要缓存命令
   C、CACHE :命令指出哪些文件需要被缓存.
   D、所有manifest文件都以“CACHE MANIFEST”语句开始.
20、关于Web SQL的说法更合理的是：
   A、WebSql是HTML5的一个规范
   B、WebSQL是一个在浏览器客户端的结构关系数据库和使用mysql一样
   C、本地存储没有生命周期
   D、Local storage和Cookie一样。
答案：   ABDAD CCBAD DDCBA DDAAC

-----------------------------------------------

　1. HTML5 之前的HTML版本是什么？

　　答： HTML 4.01

　　2. HTML5 的正确doctype是？

　　答：<!DOCTYPE html>

　　3. 在 HTML5 中，哪个元素用于组合标题元素？

　　答：<hgroup>

　　4. HTML5 中是否支持元素？

　　答：否

　　5. HTML5 中是否支持元素?

　　答：否

　　6. 在HTML5 中，onblur和onfocus是：

　　答：事件属性

　　7. 用于播放 HTML5 视频文件的正确HTML5 元素是：

　　答：<video>

　　8. 用于播放 HTML5 音频文件的正确HTML5元素是：

　　答：<audio>

　　9. 在HTML5 中不再支持元素的哪个属性？

　　答： rel

　　10. 在HTML5中，哪个方法用于获得用户的当前位置？

　　答：getCurrentPosition()

　　11. 新的HTML5全局属性，"contenteditable" 用于：

　　答：规定元素内容是否是可编辑的。

　　12. 在HTML5中，contextmenu和spellcheck是：

　　答：HTML 属性

　　13. 在HTML5中，您能够直接将SVG元素嵌入HTML页面中。

　　答：正确

　　14. 由SVG定义的图形是什么格式的？

　　答：XML

　　15. HTML5 中的元素用于：

　　答：绘制图形

　　16. 哪个HTML5 内建对象用于在画布上绘制？

　　答： getContext

　　17. 在HTML5中，哪个属性用于规定输入字段是必填的？

　　答： required

　　18. 哪种输入类型定义滑块控件？

　　答： range

　　19. 哪种输入类型用于定义周和年控件（无时区）？

　　答：week

　　20. 哪个HTML5元素用于显示已知范围内的标量测量？

　　答：<meter>

题目类型：技术视野、项目细节、理论知识题，算法题，开放性题，案例题。

进行追问：可以确保问到你开始不懂或面试官开始不懂为止，这样可以大大延展题目的区分度和深度，知道你的实际能力。因为这种关联知识是长时期的学习，绝对不是临时记得住的。

回答问题再棒，面试官（可能是你的直接领导面试），会考虑我要不要这个人做我的同事？所以态度很重要。（感觉更像是相亲）

资深的工程师能把absolute和relative弄混，这样的人不要也罢，因为团队需要的你这个人具有可以依靠的才能（靠谱）。

试题大纲：

HTML&CSS：
对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功：布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端适应

JavaScript：
数据类型、面向对象、继承、闭包、插件、作用域、跨域、原型链、模块化、自定义事件、内存泄漏、事件机制、异步装载回调、模板引擎、Nodejs、JSON、ajax等。

其他：
HTTP、安全、正则、优化、重构、响应式、移动端、团队协作、可维护、SEO、UED、架构、职业生涯

web前端工程师知识点：

1、DOM结构 —— 两个节点之间可能存在哪些关系以及如何在节点之间任意移动。

2、DOM操作 ——如何添加、移除、移动、复制、创建和查找节点等。

3、事件 —— 如何使用事件，以及IE和标准DOM事件模型之间存在的差别。

4、XMLHttpRequest —— 这是什么、怎样完整地执行一次GET请求、怎样检测错误。

5、严格模式与混杂模式 —— 如何触发这两种模式，区分它们有何意义。

6、盒模型 —— 外边距、内边距和边框之间的关系，及IE8以下版本的浏览器中的盒模型

7、块级元素与行内元素 —— 怎么用CSS控制它们、以及如何合理的使用它们

8、浮动元素——怎么使用它们、它们有什么问题以及怎么解决这些问题。

9、HTML与XHTML——二者有什么区别，你觉得应该使用哪一个并说出理由。

10、JSON —— 作用、用途、设计结构。

HTML

Doctype作用? 严格模式与混杂模式如何区分？它们有何意义?

（1）、<!DOCTYPE> 声明位于文档中的最前面，处于 <html> 标签之前。告知浏览器的解析器，

用什么文档类型规范来解析这个文档。

（2）、严格模式的排版和 JS 运作模式是以该浏览器支持的最高标准运行。

（3）、在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。

（4）、DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。

行内元素有哪些？块级元素有哪些？空(void)元素有那些？

（1）CSS规范规定，每个元素都有display属性，确定该元素的类型，每个元素都有默认的display值，

比如div默认display属性值为“block”，成为“块级”元素；

span默认display属性值为“inline”，是“行内”元素。

（2）行内元素有：a b span img input select strong（强调的语气）

块级元素有：div ul ol li dl dt dd h1 h2 h3 h4…p

（3）知名的空元素：

鲜为人知的是：

link 和@import 的区别是？

（1）link属于XHTML标签，而@import是CSS提供的;

（2）页面被加载的时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载;

（3）import只在IE5以上才能识别，而link是XHTML标签，无兼容问题;

（4）link方式的样式的权重高于@import的权重.

浏览器的内核分别是什么?

* IE浏览器的内核Trident、Mozilla的Gecko、Chrome的Blink（WebKit的分支࿰

最低0.47元/天解锁文章

小允子

关注

2
点赞
踩
14

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录