全网首发！涵盖字节美团腾讯等大厂前端最新面试题，HTMLCSSJS大合集

Posted 2021-06-30 蛋黄酥要不要来一口阿

前言

虽现在不是金九银十面试好时候，但还是会有小伙伴找工作参加面试，小编把最近参加面试被问到的面试题做了个集合，其中里面的题目包括有字节、腾讯、滴滴、美团等题目，现整理好的面试题有html、CSS、JS相关的，全网首发抢先看！

面试题目合集之HTML

1.浏览器页面有哪三层构成，分别是什么，作用是什么?
2.HTML5的优点与缺点？
3.Doctype作用? 严格模式与混杂模式如何区分？它们有何意义?
4.HTML5有哪些新特性、移除了哪些元素？
5.你做的网页在哪些浏览器测试过,这些浏览器的内核分别是什么?
6.每个HTML文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？
7.说说你对HTML5认识?（是什么,为什么）
8.对WEB标准以及W3C的理解与认识?
9.HTML5行内元素有哪些,块级元素有哪些, 空元素有哪些?
10.什么是WebGL,它有什么优点?
11.请你描述一下 cookies，sessionStorage 和 localStorage 的区别
12.说说你对HTML语义化的理解?
13.link和@import的区别?
14.说说你对SVG理解?
15.HTML全局属性(global attribute)有哪些?
…

面试题目合集之CSS

1.解释一下CSS的盒子模型？
2.请你说说CSS选择器的类型有哪些，并举几个例子说明其用法？
3请你说说CSS有什么特殊性?（优先级、计算特殊值）
4要动态改变层中内容可以使用的方法？
5.常见浏览器兼容性问题与解决方案？
6.列出display的值并说明他们的作用？
7.如何居中div, 如何居中一个浮动元素?
8.CSS中 link 和@import 的区别是？
9.请列举几种清除浮动的方法(至少两种)?
10.block，inline和inlinke-block细节对比？
11.什么叫优雅降级和渐进增强？
12.说说浮动元素会引起的问题和你的解决办法
13.你有哪些性能优化的方法？
14.为什么要初始化CSS样式？
15.解释下浮动和它的工作原理？清除浮动的技巧
…

面试题目合集之JS

1.解释一下CSS的盒子模型？
2.请你说说CSS选择器的类型有哪些，并举几个例子说明其用法？
3.请你说说CSS有什么特殊性?（优先级、计算特殊值）
4要动态改变层中内容可以使用的方法？
5.常见浏览器兼容性问题与解决方案？
6.列出display的值并说明他们的作用？
7.如何居中div, 如何居中一个浮动元素?
8.CSS中 link 和@import 的区别是？
9.请列举几种清除浮动的方法(至少两种)?
10.block，inline和inlinke-block细节对比？
11.什么叫优雅降级和渐进增强？
12.说说浮动元素会引起的问题和你的解决办法
13.你有哪些性能优化的方法？
14.为什么要初始化CSS样式？
15.解释下浮动和它的工作原理？清除浮动的技巧？
…

小贴士：js的基础知识应该是web前端程序员的安身立命的基石，对于基础知识的学习，我们不应该只是简单的用，还要探究其工作原理，这也是永不过时的知识点，越早掌握的越多越好。不管前端框架怎么迭代更新，不管出现什么更流行的前端框架，其本质还是对js基础知识的更灵活的应用。很好的掌握基础知识，能保证能够对于框架源码更有效的阅读。

会面试也要会学习

对于技术的学习，有一个共有的问题：就是学了之后，如果长时间不用，就会很快忘记了。

听过一个大佬说过的话：对于任何一个东西，你学过和没有学过，就是两个不同的境界。所以我们还是要坚持去学，但也是要有选择性的去学，像基础原理、通用的算法之类的肯定不会亏，但是不建议盲目的去追新技术，因为这有可能是付出和收获不成正比，要根据自身的条件去选择。

对于学习成果的检验，一个有效的方法是：你学完之后，讲给另外一个人听，如果另外一个人听懂了，那就代表你真正的掌握了。

记笔记

在学习一个新东西的时候，一定要记笔记。

比如学习源码：从初始化时候开始，我们可以用 processOn 工具，用流程图等记录每一步变化、每一步的功能，记好备注等。这在之后去复习的时候，根据之前的笔记是非常快的。

写博客

还要学着尝试去写博客，现在的博客平台非常多：掘金、知乎、简书、博客园等。不要怕写的不好，因为没有一个人一开始就能写的非常好的，这需要一个长期的练习过程。写博客的好处是非常多的，将自己学会的东西写成博客文章，在写的过程中，会想得更加深入、更加细化，如何让人更容易的理解；还能加深记忆，能促进交流，养成一个分享的习惯。

参与开源项目

参加开源项目的也是一个有效的提升自己的方式，如果是业内比较有名的开源项目，在简历上是一个非常加分的点。
而带来的好处简单说几种：

• 不断的学习和实践，与其它优秀的开发者一同提升技术
• 更容易获得大佬的指点
• 展现自己的能力，增加自己在业界内的影响力
• 增加简历上的亮点
• 更多收入的机会
• 在圈子内建立更多的人脉

注：因篇幅原因，题目列举了一部分，需要HTML\\CSS\\JS三章节面试题及答案资料点击这就可以获取了噢。，谢谢小伙伴们的阅读，喜欢可以点赞评论支持！愿参加面试的小伙伴都顺顺利利的，旗开得胜！