HTML面试题整理(1)，2024年最新面试了7家公司都失败,是我不适合吗

本文链接：https://blog.csdn.net/2201_75604341/article/details/137730598

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

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

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

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

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

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

正文

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

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是矢量图，不依赖分辨率，不适合游戏，适合大型渲染区域（地图），支持事件处理

15.说一下drag api？

dragstart：事件主体是被拖放元素，在开始拖放被拖放元素时触发。
darg：事件主体是被拖放元素，在正在拖放被拖放元素时触发。
dragenter：事件主体是目标元素，在被拖放元素进入某元素时触发。
dragover：事件主体是目标元素，在被拖放在某元素内移动时触发。
dragleave：事件主体是目标元素，在被拖放元素移出目标元素是触发。
drop：事件主体是目标元素，在目标元素完全接受被拖放元素时触发。
dragend：事件主体是被拖放元素，在整个拖放操作结束时触发。

16.说一下label的作用？

控制表单控件关系，选择lable标签时，自动将焦点转到input上

17.说一下src和href的区别？

JavaScript 和 ES6

在这个过程你会发现，有很多 JS 知识点你并不能更好的理解为什么这么设计，以及这样设计的好处是什么，这就逼着让你去学习这单个知识点的来龙去脉，去哪学？第一，书籍，我知道你不喜欢看，我最近通过刷大厂面试题整理了一份前端核心知识笔记，比较书籍更精简，一句废话都没有，这份笔记也让我通过跳槽从8k涨成20k。

JavaScript部分截图