HTML面试题整理(1)，2024年最新面试官怎么称呼

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Web前端全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip1024c （备注前端）

正文

• Web Worker 的作用，就是为 JavaScript 创造多线程环境，允许主线程创建 Worker 线程，将一些任务分配给后者运行

• Worker 线程一旦新建成功，就会始终运行，不会被主线程上的活动（比如用户点击按钮、提交表单）打断。这样有利于随时响应主线程的通信。但是，这也造成了 Worker 比较耗费资源，不应该过度使用，而且一旦使用完毕，就应该关闭。

• 通过postMessage将结果回传到主线程，这样复杂操作的时候，就不会阻塞主进程了

• 阮一峰文章

06.行内，块级，空元素，替换元素有哪些？✅

---

• 行内：button，span

• 块级：div，p，ul，h1

• 替换元素：img，iframe，video

• 空元素：link，meta

07.DOCTYPE的作用？严格模式和混杂模式的区别？

---

• ！DOCTYPE告诉浏览器以HTML5标准解析页面，如果不写，则进入混杂模式

• 严格模式（标准模式）：以w3c标准解析代码

• 混杂模式（怪异模式）：浏览器用自己的方式解析代码，混杂模式通常模拟老式浏览器的行为，以防止老站点无法工作

• HTML5 没有 DTD ，因此也就没有严格模式与混杂模式的区别，HTML5 有相对宽松的方法，实现时，已经尽可能大的实现了向后兼容(HTML5 没有严格和混杂之分)。

08.说一下渐进增强和优雅降级的区别？

---

• 渐进增强是针对低版本浏览器也能保证基础功能，然后对高级浏览器改进追加功能；

• 优雅降级是一开始构建完整功能，再对低版本进行兼容

09.说一下常见的meta标签属性和作用？

---

10.说一下HTML5的离线存储？

---

• 指的是没有网络连接的时候，可以正常访问应用，与网络连接时更新缓存文件

• 在 cache.manifest 文件中编写需要离线存储的资源：

• 在离线状态时，操作 window.applicationCache 进行离线缓存的操作。

• 如何清除缓存：更新 manifest 文件，通过 javascript 操作，清除浏览器缓存

11.说一下怎么做好seo？

---

• 语义化元素

• title和meta标签描述页面内容

• logo使用a标签加背景图

12.说一下b和strong，i和em的区别？

---

• strong是有语义的，起到加强语气的效果，遇到阅读器会重读，即为了强调而加粗

• em起到强调文本的作用

13.说一下img的srcset作用？alt和title的区别?

---

• 响应式页面中经常用到根据屏幕密度设置不同的图片

• 这时就用到了 img 标签的srcset属性。srcset属性用于设置不同屏幕密度下，img 会自动加载不同的图片

• alt是图片失效的时候的备用图片地址，title是图片标题

14.说一下canvas和svg的区别？

---

• canvas是画布，适合图形密集型的游戏，不支持事件处理，

• svg是矢量图，不依赖分辨率，不适合游戏，适合大型渲染区域（地图），支持事件处理

最后

其实前端开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。

这里再分享一个复习的路线：（以下体系的复习资料是我从各路大佬收集整理好的）

《前端开发四大模块核心知识笔记》

最后，说个题外话，我在一线互联网企业工作十余年里，指导过不少同行后辈。帮助很多人得到了学习和成长。

我意识到有很多经验和知识值得分享给大家，也可以通过我们的能力和经验解答大家在IT学习中的很多困惑，所以在工作繁忙的情况下还是坚持各种整理和分享。

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。**

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）
[外链图片转存中…(img-swyClxNG-1713674362809)]

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！