当前位置：网站首页 > 技术文章 > 正文

Web前端干货!30道Web前端面试题精选，你会几个?

zhezhongyun 2025-01-12 20:14 21 浏览

时间匆匆流转，夏去秋来。社会发展职位变更，职场上又迎来了一波人才们更换的高潮。换工作就总免不了要去面试，那么本文千锋武汉Web前端培训小编分享的这30道常见Web前端面试题可以助你一臂之力。

以下30到Web前端面试答出了大多数的或者是全部的题表明你的基础扎实；只答出小部分或者答出了大部分题但答案不正确，说明水平还差的远，基础知识不扎实距离拿高薪还很遥远，需要基础夯实基础。

一、HTML常见题目

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

2、HTML5为什么只需要写？

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

4、页面导入样式时，使用link和@import有什么区别？

5、介绍一下你对浏览器内核的理解？

6、常见的浏览器内核有哪些？

7、html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？

8、如何区分HTML和HTML5？

9、简述一下你对HTML语义化的理解？

10、HTML5的离线储存怎么使用，工作原理能不能解释一下？

二、CSS类的题目

1、介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？

2、CSS选择符有哪些？哪些属性可以继承？

3、CSS优先级算法如何计算？

4、CSS3新增伪类有那些？

5、如何居中div？如何居中一个浮动元素？如何让绝对定位的div居中？

6、display有哪些值？说明他们的作用。

7、position的值relative和absolute定位原点是？

8、CSS3有哪些新特性？

9、请解释一下CSS3的Flexbox(弹性盒布局模型),以及适用场景？

10、用纯CSS创建一个三角形的原理是什么？

三、JavaScript类的题目

1、JavaScript 中 this 是如何工作的

2、请解释原型继承的原理。

3、什么是闭包 (closure)，如何使用它，为什么要使用它？

4、.call 和 .apply 的区别是什么？

5、请指出 JavaScript 宿主对象 (host objects) 和原生对象 (native objects) 的区别？

6、请指出以下代码的区别：function Person(){}、var person = Person()、var person = new Person()？

7、请解释变量声明提升 (hoisting)。

8、什么是 “use strict”; ? 使用它的好处和坏处分别是什么？

9、什么是事件循环 (event loop)？

10、请解释同步 (synchronous) 和异步 (asynchronous) 函数的区别。

以上千锋武汉Web前端培训小编分享的30道Web前端面试题你会几个呢？如果你10个都答不出来，那你就需要好好的学习Web前端，夯实自己的基础，只有掌握了核心的专业技能才能找到自己满意的高薪工作。

Web前端开发的知识点繁多，要想真正掌握Web前端工程师开发技能，并非易事。想系统学习Web前端，想高薪就业，就来千锋武汉Web前端培训机构报名吧，5个月让你从小白华丽蜕变。

千锋武汉Web前端培训课程教学内容分7大阶段学习，融合前端和后端课程全部精华内容，结合时下的流行技术H5开发，微信开发，微信支付，小程序开发，Web网站，Web管理系统开发等，20大项目驱动教学。来千锋武汉Web前端培训班，做大前端时代的王者！

HTML5 语义元素

上一篇：AI出的100天面试题(第一天)
下一篇：HTML5 和word互转?这两个热门库就够了!

Web前端干货!30道Web前端面试题精选，你会几个?

相关推荐

b端详情页:各种信息聚集地，设计师要如何规划这一亩三分地呢

接口测试遇到500报错?别慌，你的头部可能有点问题

漏洞系列一一看我一招征服漏洞 SSRF

Web前端需要学什么?Web前端开发需要学习哪些?

前端Flex布局可视化布局工具介绍，vue和html5快速设计利器

「资讯」为强迫用户使用Edge浏览器，微软又出新招数

HTML 简介（html简介及优缺点）

关于HTML5被简称做H5，你怎么看?（html5缩写）

HBuilderX，uni-app创建HTML5项目，同时支持浏览器和移动端

现在页面实时聊天都使用Websocket技术实现吗?