CSS，HTML，JS 以及Vue前端面试题八股文总结【看完你就变高手】，Vue前端面试题八股文总结，CSS、HTML、JS高手速成指南

摘要：本文总结了关于CSS、HTML、JS以及Vue前端面试的常见问题和八股文，帮助前端开发者提升技能并准备面试。文章涵盖了前端基础知识和Vue框架的核心概念，通过阅读，读者可以深入理解前端技术，提高面试成功率，并提升个人开发能力至高手级别。

符号说明

💘 主题

🌟 常见重要

🌛 需要有印象的

🆕 v3新特性

杂谈

🌛 SEO优化

合理的title、description、keywords设置，title强调重点，description高度概括页面内容避免关键词堆砌，keywords列出重要关键词。

采用语义化的HTML代码，符合W3C规范，便于搜索引擎理解网页。

放在HTML代码的最前面，因为搜索引擎按照HTML顺序抓取内容。

避免使用JS输出重要内容，因为爬虫不会执行JS获取内容。

慎用iframe，因为搜索引擎不会抓取iframe中的内容。

非装饰性图片必须添加alt属性。

提高网站速度，因为网站速度是搜索引擎排序的重要指标。

🌟 渐进增强与优雅降级

渐进增强针对低版本浏览器构建页面，保证基本功能，然后针对高级浏览器增加效果与交互，提升用户体验。

优雅降级一开始就构建完整功能，然后针对低版本浏览器进行兼容。

HTML

🌟 H5新增API

音视频标签audio、video。

语义化标签如article、footer、header、nav、section等。

表单控件如date、time、color、email、url、search等。

图形绘制canvas标签。

H5存储如localStorage、sessionStorage。

新技术如webworker、websocket、Geolocation等，还包括DNS预获取、FormData、FileReader、全屏API等。

🌛 忽略电话号码

移动设备中防止页面中的数字被识别为电话号码的方法。

🌟 iframe标签

iframe用于网页嵌套网页，一个网页可以嵌套另一个网页，并且可以嵌套多层，但使用iframe需要考虑其可能的问题，如阻塞主页面的Onload事件、不利于SEO、影响页面的并行加载等，若需使用iframe，可通过javascript动态为其添加src属性值以规避这些问题。

🌟 实战必备：favicon.ico

通过上传文件转换生成网站自定义图标，在打开各种网页时，可在窗口左上角看到这些自定义图标。

🌟 性能优化：标签你不知道的属性

如大型网站会使用的多域名，这时候需要dns预取，还有一些标签拥有一些不为人知的属性，这些属性可以帮助优化网站性能，淘宝网等网站会使用一些未知属性进行优化，还有dns-prefetch等优化手段。

希望以上内容可以满足您的需求，如果您还有其他问题或需要进一步的修饰，请继续提问。