虽然金九银十现在不是面试的好时机，但还是会有一些找工作的朋友来参加面试。小编整理了近期面试中被问到的面试题。包含的题有字节、腾讯、滴滴、美团等题型，现在整理出来的面试题有HTML、CSS、JS相关题。面试题HTML1.浏览器页面的三层是什么，分别是什么，作用是什么？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的全局属性有哪些？CSS1。解释一下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.解释下浮动及其工作原理？JS1。解释一下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.解释下浮动及其工作原理？清除浮动的技巧？Tips：js的基础知识应该是web前端程序员的基石。对于基础知识的学习，我们不仅要简单地使用它，还要探索它的工作原理。这也是一个永恒的知识点。掌握得越早越好，无论前端框架如何迭代更新，无论出现什么更流行的前端框架，本质还是对js基础知识的更灵活应用。掌握好基础知识，才能保证更有效地阅读框架源码。谈谈学习方法技术学习有个通病：学了之后，如果长时间不用，很快就会忘记。听一个大佬说的：任何一件事，你学过和没学过，是两个不同的境界。所以我们还是要坚持学习，但是也要有选择地学习。基本原理、通用算法等肯定不会赔钱，但是不建议盲目追求新技术，因为可能会白费心机和心血。收获不是成正比的，要根据自己的条件来选择。检验学习成果的一个有效方法是：学完后，告诉另一个人。如果对方看懂了，就说明你真的掌握了。记笔记学习新东西时，一定要记笔记。比如学习源码：从初始化的时候开始，我们可以使用processOn工具，使用流程图等记录每一步的变化，每一步的功能，记笔记等，这个很快根据以后复习的时候再看之前的笔记。要写博客，你必须学会??尝试写博客。博客平台有那么多：掘金、知乎、简书、博客园等等。写不好不要怕，因为没有人一开始就写的很好，需要一个长期的练习过程。写博客有很多好处。当你把学到的东西写成博文时，你会在写的过程中更深入、更详细地思考，如何让人们更容易理解；它还可以加深记忆并促进交流，养成分享的习惯。参与开源项目参与开源项目也是提升自己的有效途径。如果是业界知名的开源项目，那对你的简历会是非常加分的。而带来的好处就那么几个：不断的学习和实践，和其他优秀的开发者一起提高技术，更容易得到大佬们的指点，展现自己的能力，增加在行业中的影响力，增加简历上的亮点更多的收入有机会在圈子里建立更多人脉注：文中的前端面试题可以直接点击分享
