"这是一份综合性的前端面试题集，涵盖了HTML、CSS、JavaScript以及前端优化等多个方面，旨在帮助求职者或开发者准备前端面试。" 前端面试题汇总中包含了一系列针对前端开发者的常见问题，涉及HTML和CSS的基础及进阶知识。以下是其中的部分要点解析： 1. **HTML和CSS兼容性**：面试者需要了解不同浏览器的内核，例如IE的Trident、Firefox的Gecko、Chrome/Safari的Blink和WebKit，以及Opera的Presto等，并测试页面在这些浏览器中的表现。 2. **DOCTYPE**：DOCTYPE声明用于告诉浏览器文档遵循的HTML或XHTML规范，影响文档的渲染模式。 3. **Quirks模式与Standards模式**：Quirks模式是浏览器按照早期非标准的方式解析页面，而Standards模式遵循W3C标准，两者渲染效果存在差异。 4. **div+css布局优势**：相比于table布局，div+css布局更有利于代码维护、页面加载速度提升、页面结构清晰，且利于SEO。 5. **img的alt与title**：alt属性提供图片无法显示时的文字替代，而title属性显示为鼠标悬停时的提示信息。strong强调文本，em则表示文本的强调或情感。 6. **渐进增强与优雅降级**：渐进增强是从基础功能开始，逐步增加复杂功能以适应现代浏览器；优雅降级则是在现代浏览器中提供高级体验，同时确保基本功能在旧版浏览器中仍能工作。 7. **多域名存储资源**：这有助于缓解浏览器的同一源策略限制，提高并发下载能力，降低单一域名下的请求数量，优化加载速度。 8. **网页标准重要性**：标准有助于提高互操作性，减少浏览器兼容问题，提高可访问性和SEO效果。 9. **cookies，sessionStorage和localStorage**：cookies用于跨页面存储，大小有限制；sessionStorage在单个浏览器窗口中存储，关闭后清除；localStorage持久化存储，但只能在同源策略下访问。 10. **src与href**：src用于引入外部资源，如图片、脚本等；href用于链接到其他文档或位置。 11. **网页图片格式**：常见的包括JPEG、PNG、GIF、SVG等，每种格式有不同的应用场景和优缺点。 12. **微格式**：微格式是一种在HTML中嵌入结构化数据的方法，使搜索引擎和其他应用能更好地理解和利用页面信息。 13. **性能优化**：JS请求可能涉及浏览器缓存（如HTTP缓存、浏览器缓存、本地存储）、CDN缓存等，优化策略包括压缩、合并、延迟加载等。 14. **图片优化**：可以使用图片压缩工具、懒加载、雪碧图、响应式图片、WebP格式等方式提升加载速度。 15. **HTML语义化**：通过使用恰当的HTML标签描述内容，提高可读性，助于无障碍访问和SEO。 16. **前端SEO**：考虑关键词优化、元标签使用、URL结构、页面速度等因素。 17. **设置DOM样式**：可以通过内联样式、内部样式表、外部样式表、JavaScript动态设置等方式。 18. **CSS选择器**：包括标签选择器、类选择器、ID选择器、属性选择器、伪类和伪元素等。 19. **隐藏DOM元素**：可以使用display:none或visibility:hidden。 20. **超链接hover问题**：已访问链接的:hover样式不显示，可通过CSS调整，如a:visited:hover。 21. **CssHack**：为解决浏览器差异而使用的CSS技巧，如针对IE的条件注释、特定属性前缀等。 22. **幻灯片效果**：通常使用CSS动画和过渡效果实现。 24. **行内元素与块级元素**：行内元素（如span）不会独占一行，而块级元素（如div）会；行内元素的padding和margin设置有限制。 25. **外边距重叠**：当相邻的块级元素垂直外边距相遇时，可能会发生重叠，结果取较大值。 26. **rgba()与opacity**：rgba()允许设置颜色的透明度，不影响子元素；opacity影响元素及其所有子元素的透明度。 27. **垂直和水平重叠属性**：position属性的absolute或fixed配合top/bottom/left/right设置，可以实现元素重叠。 28. **垂直居中浮动元素**：通常使用负margin、display:table-cell、flexbox或grid布局实现。 29. **px与em**：px是绝对单位，em是相对单位，基于父元素的字体大小。 30. **CSS reset**：用于消除浏览器默认样式差异，如`*{margin:0;padding:0;}`，使页面在不同浏览器中呈现一致。 这些面试题覆盖了前端开发的关键知识点，是评估开发者技能和经验的重要参考。熟悉这些内容将有助于在面试中展示自己的专业能力。