前端面试必备：Vue与React技术要点解析

"面试宝典 v2-新增Vue和React.pdf" 是一份针对前端开发者面试的综合指南，特别强调了Vue.js和React.js这两个流行的JavaScript框架。这份文档旨在帮助求职者准备HTML、CSS、JavaScript以及相关技术的面试问题，涵盖了许多前端开发的基础知识和最佳实践。 1. HTML和CSS： - 测试浏览器：面试者应了解主流浏览器如Chrome、Firefox、Safari、Edge等及其内核（Trident、Blink、Gecko、Webkit）。 - DOCTYPE的作用：声明文档类型，使浏览器以标准模式解析HTML。 - Quirks模式与Standards模式：Quirks模式遵循老式浏览器的解析规则，而Standards模式遵循W3C标准。 - Div+CSS布局优于Table布局：更灵活，利于响应式设计，提高SEO。 - Alt与Title的区别：Alt是图像替换文本，Title是鼠标悬停时显示的提示信息。 - Strong与Em的区别：Strong表示强调，Em表示语气强调，两者的样式表现可能不同。 2. 渐进增强与优雅降级： - 渐进增强是从基础功能开始，逐步添加更复杂的功能，确保所有浏览器都可用。 - 优雅降级是在现代浏览器中实现高级功能，同时保证旧版浏览器能正常工作。 3. 存储机制： - Cookies、sessionStorage和localStorage的区别：Cookies用于跨页面共享数据，sessionStorage限制在单个窗口，localStorage长期存储但不跨域。 4. 网页标准与标准制定机构： - 标准确保兼容性，提高用户体验，降低开发成本。 - W3C是主要的网页标准制定机构。 5. HTTP请求缓存： - HTTP缓存策略包括强缓存、协商缓存，涉及Expires、Cache-Control、ETag等头部信息。 6. 图片优化： - 使用合适格式（JPEG、PNG、SVG等）、压缩图片、懒加载、雪碧图、响应式图片等策略。 7. HTML语义化： - 语义化HTML有助于屏幕阅读器理解、SEO及未来兼容性。 8. SEO（搜索引擎优化）： - 优化HTML结构，使用关键词，提供元信息，优化图片alt标签，确保网站可爬行性。 9. DOM样式设置： - 可通过内联样式、内部样式表、外部样式表、JavaScript操作DOM样式。 10. CSS选择器： - 类似于id、class、标签、伪类、属性选择器等。 11. 隐藏DOM元素： - display:none和visibility:hidden。 12. 超链接hover问题： - 访问过的链接默认无hover样式，可修改CSS避免此问题。 13. CSS Hack： - 用于解决IE浏览器的兼容性问题，例如* html {}、_width: expression()。 14. 行内元素与块级元素： - 行内元素不占据整行，块级元素独占一行；行内元素的padding和margin设置有限制。 15. 外边距重叠： - 当相邻元素的外边距相遇时，可能重叠，导致结果非预期。 16. rgba()与opacity： - rgba()允许设置透明度且不影响子元素，opacity影响整个元素及其所有后代。 17. 文字垂直和水平重叠： - 使用position、z-index、text-shadow等属性实现。 18. 垂直居中浮动元素： - 可使用负margin、Flexbox或Grid布局。 19. px与em单位： - px是绝对单位，em是相对单位，基于父元素字体大小。 20. CSS Reset文件： - 重置浏览器默认样式，如`reset.css`或`normalize.css`，确保各浏览器样式一致性。 这份面试宝典不仅涵盖了前端开发的基础知识，还涉及到了一些高级话题，对于准备前端面试的求职者来说是一份宝贵的参考资料。