2020年前端面试题汇总.pdf

HTML和CSS是前端开发中最为基础的技术，它们的掌握程度直接决定了页面质量和开发效率。以下是对文档内容中提到的知识点的详细解释： 1. 浏览器测试与内核：在前端开发中，为了确保网站的兼容性，开发者需要在不同的浏览器上进行测试。常见的浏览器内核有Trident（IE）、Gecko（Firefox）、Blink（Chrome、Opera）、Webkit（早期的Safari）等。 2. Doctype声明：Doctype是文档类型声明的缩写，它用于告诉浏览器使用哪种HTML或XHTML规范来解析页面，能够触发浏览器的标准模式。 3. Quirks模式和Standards模式：Quirks模式是一种向后兼容模式，模拟早期浏览器的行为，以支持老式的非标准页面。Standards模式则遵循W3C的标准，以更合理的布局和表现进行页面渲染。 4. CSS布局：相比传统的table布局，div+css布局更加灵活，易于维护，也有利于搜索引擎优化（SEO）和页面加载速度。 5. alt与title属性：img标签的alt属性用于在图片无法显示时提供替代文本，而title属性提供元素的额外信息，鼠标悬停在元素上时显示。 6. strong与em标签：strong标签用于强调文本的重要性，通常显示为粗体；em标签用于强调文本的语气，通常显示为斜体。它们在语义上存在差异。 7. 渐进增强与优雅降级：渐进增强指的是先构建一个基础的功能体验，再通过添加新的技术增强用户体验；而优雅降级则是在高端浏览器中实现复杂效果，但在旧版浏览器中仍能保持基本功能。 8. 多域名存储资源：使用多个域名存储资源可以突破浏览器对单域名并发连接数的限制，从而加快资源的加载速度。 9. 网页标准与机构：网页标准和标准制定机构如W3C的重要性在于维护全球互联网技术的一致性和发展。 10. cookies、sessionStorage和localStorage：它们都是Web存储解决方案，但存储机制和生命周期各不相同。cookies常用于存储用户会话信息，sessionStorage用于存储会话数据但仅在页面会话期间有效，localStorage用于持久化存储数据。 11. src与href的区别：src通常用于引用外部资源（如图片、脚本等），浏览器会在解析文档时加载src指定的资源，而href用于建立当前文档和引用资源之间的链接关系。 12. 图片格式：常见网页制作图片格式包括JPEG、PNG、GIF、SVG等。 13. 微格式：微格式是HTML的扩展，用于对网页中的信息进行语义化标记，有助于搜索引擎更好地理解网页内容。 14. 性能优化：性能优化包括压缩资源文件、使用CDN、缓存策略、图片优化等。 15. 图片加载优化：优化图片的加载包括使用响应式图片、懒加载、图片压缩等技术。 16. HTML结构的语义化：语义化的HTML有助于提高页面的可读性和可维护性，并有利于SEO。 17. 前端SEO：前端SEO关注点包括合理使用HTML标签、减少页面加载时间、确保网页可访问性、提供替代文本等。 18. CSS样式设置方式：CSS样式可以内联、内嵌或通过外部样式表设置。 19. CSS选择器：CSS选择器包括元素选择器、类选择器、ID选择器、伪类选择器、属性选择器等。 20. CSS隐藏元素：可以使用display:none或visibility:hidden来隐藏元素，但两者在页面渲染和事件触发上有所不同。 以上知识点仅是文档内容的一部分，但在前端开发领域，这些知识都是十分基础且必须掌握的。在面试中，对于这些问题的回答情况，很大程度上能够体现一个前端开发者的技术水平和理解深度。