本文收录了面试中经常遇到的一些经典面试题，并给出了我网上收集的答案。眼看着新的一年就要开始了，相信很多前端开发者都会有一些跳槽的悸动。通过本文对知识和经验总结的整理，希望能帮助到更多的前端面试者。（如有错误欢迎指正或更好的回答，水平有限，希望大家多多指教。）1、什么是语义HTML？有什么意义？为什么它应该是语义的？（高频试题）a．什么是语义HTML？语义HTML是编写HTML代码，符合内容（语义内容）的结构，并选择合适的标签（语义代码），可以方便开发者阅读和编写更优雅的代码，同时让浏览器能够很好地被爬虫和机器解析.b.为什么它应该是语义的？1、有利于SEO，有利于搜索引擎爬虫更好的了解我们的网页，从而获取更有效的信息，增加网页的权重。2、在没有CSS的情况下，可以清晰的看到网页的结构，增强可读性。3、便于团队开发和维护。语义化的HTML可以让开发人员更容易理解，从而提高团队的效率和协调能力。4.支持多终端设备的浏览器渲染。2、什么是行内元素和块元素？（高频）块级元素：div、p、form、ul、li、ol、dl、form、address、fieldset、hr、menu、table内联元素：span、strong、em、br、img、input、label、select,textarea,cite3.iframe有什么缺点？1.框架会阻塞主页面的Onload事件；2、iframe和主页面共享连接池，浏览器对同域的连接有限制，会影响页面的并行加载。3、SEO对爬虫不利、不友好。四。CSS优先级？哪个优先级更高，内联还是重要？（高频）id选择器值：100type选择器值：10label选择器：1五。盒子垂直居中法（高频）position:absolute;左：50%；顶部：50%；宽度：400px；高度：400px；左边距：-200px；顶部距：-200px；6.浮动元素清除浮动方法（高频）四种方法：1.使用空标签清除浮动2.使用overflow属性。(overflow:auto;zoom:1″兼容IE6)3.使用after伪对象清除浮动。此方法只适用于非IE浏览器4.浮动外部元素，float-in-float。这个方法很简单，就是让“#outer”元素浮动（向左或向右）。七。Diplay:none和visibility:hidden的区别（高频）visibility:hidden隐藏，但浏览时保留位置；display:none视为不存在，不加载！八、CSS中em和px的关系和区别1.em的值是不固定的；2.em会继承父元素的字体大小。12px=1.2em9.闭包的理解，javascript的作用域（高频）a．闭包是一个可以读取其他函数内部变量的函数。b.本质上，闭包是连接函数内部和函数外部的桥梁。闭包的目的是关闭包可以在很多地方使用。它最大的用途有两个，一个是读取上面提到的函数内部的变量，另一个是将这些变量的值保存在内存中。示例如下：根据作用域链的规则，没有在底层作用域声明的变量会往上一层查找，找到就返回，一直查找，直到找到window的变量，如果没有变量，将返回undefined。很明显count就是函数内部flag2的计数。变量计数=10；//全局作用域标记为flag1functionadd(){varcount=0;//函数的全局作用域标记为flag2returnfunction(){count+=1;//函数的内部作用域alert(count);}}vars=add()s();//输出1s();//输出2JS中作用域的概念：表示变量或函数作用的区域，指的是它们在上下文中执行什么，即上层和下层执行环境。Javascript中只有两个作用域：全局作用域和局部作用域。局部作用域按功能区分。10.setTimeout和setInterval的区别是因为setTimeout(expression,delaytime)在加载后延迟指定时间执行一次，记住，次数是一次和setInterval(expression,interactiontime)不同，它加载后每隔指定时间执行表达式11。网站性能优化方法（高频）1）将css和js文件放在单独的外部文件中供参考2）使用gzip压缩网页内容3）将CSS放在页面顶部，将JS文件放在页面底部4）尽量减少JS文件内容5）尽量减少使用外部脚本，减少DNS查询时间（文件合并文件最小化/文件压缩使用CDN托管缓存（多个域名提供缓存））12.前端由哪些部分组成的（高频）a。网页的结构层是由HTML或XHTML等标记语言创建的。标签，即出现在尖括号中的词，描述网页内容的语义，但这些标签不包含任何有关如何显示所讨论内容的信息。例如，P标签表达了这样一种语义：“这是一个文本段落”。b.网页的表现层是由CSS创建的。CSS回答了如何显示相关内容的问题。C。网页的行为层负责回答“内容应该如何响应事件”的问题。这是Javascript语言和DOM占主导地位的领域。十三。Jpeg、gif、png格式的优缺点、应用场景jpg高质量（图片）gif单色质量（图标）png透明
