前端面试必备：HTML/CSS/JS知识点精华

"这是一份2020年的前端面试题汇总，涵盖了HTML、CSS、JavaScript、Vue和React等核心领域的常见面试问题。这份资料旨在帮助面试者在准备面试时全面复习基础知识，避免走弯路，提升面试成功率。" 这份资料详细列出了前端开发中的诸多知识点，包括但不限于： 1. HTML和CSS方面： - 测试浏览器的内核识别，如 Trident (IE), Blink (Chrome), WebKit (Safari) 和 Gecko (Firefox)。 - Doctype的作用，它指示浏览器以哪种模式解析HTML文档，如Quirks模式和Standards模式。 - Div+CSS布局相较于Table布局的优势，如更好的控制和响应式设计。 - Alt和Title属性的区别，前者用于替代图像无法显示时的内容，后者用于鼠标悬停时显示的提示信息。 - Strong和Em的异同，它们都用于强调文本，但Strong表示强烈强调，Em表示着重强调。 2. 前端优化与性能： - 多域名存储资源可以提高并发下载能力，减少浏览器的同源策略限制。 - 网页标准和W3C等机构的重要性在于确保网页的互操作性和兼容性。 - Cookies、sessionStorage和localStorage的区别，涉及存储量、生命周期和作用范围。 - Src和Href的区别，前者用于加载外部资源，后者用于定义链接地址。 - 图片优化策略，如延迟加载、压缩、尺寸优化等。 - HTML结构的语义化，有助于搜索引擎理解和屏幕阅读器的无障碍访问。 3. SEO优化： - 从前端角度看，应考虑元标签、URL结构、可爬取性、关键词策略等因素。 4. CSS技术： - DOM样式的设置方法，包括行内样式、内部样式表和外部样式表。 - CSS选择器，如标签选择器、类选择器、ID选择器、伪类等。 - 隐藏DOM元素的属性，如display:none和visibility:hidden。 - 超链接hover样式问题及解决方案，可能涉及CSS优先级或浏览器特定样式。 - CssHack，用于解决浏览器兼容性问题，如针对IE的不同版本的hack技巧。 - 编写幻灯片效果，涉及CSS动画和过渡效果。 5. 其他前端概念： - 行内元素和块级元素的区别，以及行内元素的padding和margin设置。 - 外边距重叠现象及其结果，可能导致单边距折叠。 - RGBA颜色和opacity透明度的差异，前者保留了颜色信息，后者影响所有子元素。 - 文本垂直和水平重叠的CSS属性，如position和transform。 - 如何垂直居中浮动元素，可能需要使用负margin、绝对定位或Flexbox。 - PX和EM单位的区别，前者为固定像素值，后者相对父元素的字体大小。 - CSS reset文件的作用，用于消除浏览器默认样式差异，实现更一致的布局。 通过学习这份面试题汇总，面试者可以系统地回顾和巩固前端开发的关键技能，为面试做好充分准备。