前端面试高频知识点汇总：HTML/CSS与性能优化

前端面试题汇总是一份全面的资源，旨在帮助求职者准备面试时可能遇到的关于HTML、CSS以及前端开发技术的问题。以下是部分内容的详细解析： 1. HTML和CSS基础知识：面试者可能会被问及浏览器兼容性问题，包括常见的浏览器及其内核类型（如Gecko、WebKit、Trident等）。Doctype的作用在于告知浏览器文档使用的HTML版本，确保正确的渲染模式。 2. 布局技术：div+css布局相较于table布局具有更高的灵活性、可维护性和响应式设计能力。面试者需了解渐进增强（针对老设备提供最基本功能，新设备则展示更多特性）与优雅降级（始终保持最佳体验，逐步退回到基础功能）的区别。 3. 性能优化：前端开发者需理解浏览器缓存机制，如首屏加载时的预加载策略、HTTP缓存控制、CDN的使用等，以提高网页加载速度。 4. 图像优化：对于大型电商网站，优化图片加载的方法包括压缩图片大小、使用懒加载技术、设置适当的图片尺寸和格式，以及使用srcset和sizes属性。 5. HTML语义化：面试者需阐述HTML标签的语义价值，为何在提高可访问性、SEO和代码可读性方面至关重要。 6. SEO优化：从前端角度考虑，SEO涉及的要素包括元标签优化、URL结构、页面加载速度、索引友好的内容呈现等。 7. DOM操作与CSS选择器：面试者需掌握如何通过CSS选择器（如ID选择器、类选择器、标签选择器等）和JavaScript来设置样式，以及隐藏元素的CSS属性（display:none; visibility:hidden; opacity:0等）。 8. CSS技巧：行内元素和块级元素的区别在于布局和占据空间的不同，行内元素的padding和margin通常不可设置；CSSHack是针对特定浏览器的CSS编写技巧，IE6/7/8的hack策略各有特点；实现简单的CSS动画或幻灯片效果是常见的面试题目。 9. 布局与定位：理解外边距重叠的概念，以及如何避免或处理它；RGBA和opacity的区别在于前者支持透明度的RGBA值，后者仅支持颜色透明。 10. 布局调整：垂直居中浮动元素、像素单位px和相对单位em的使用区别，以及如何实现文字的重叠效果和浮动元素的垂直居中。 这份面试题汇总覆盖了前端开发的基础理论、实践技巧和性能优化等多个方面，有助于求职者深入理解和展示自己的技能。准备面试时，不仅要有扎实的技术功底，还要对这些知识点有清晰的理解和实践经验。