位置: IT常识 - 正文
【面试宝典】2023前端面试题(面试宝典下载)
编辑：rootadmin推荐整理分享【面试宝典】2023前端面试题(面试宝典下载)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:面试宝典app,面试最新经典100题,面试最新经典100题,面试宝典下载,面试大全,2021面试宝典,面试宝典app,面试宝典app,内容如对您有帮助，希望把文章链接给更多的朋友！
用正确的标签做正确的事情。 HTML语义化让页面的内容结构化，结构更清晰，便于浏览器、搜索引擎解析；即使在没有css样式的情况下，也以一种文档格式显示，并且是容易阅读的 搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重，利于seo优化 使阅读源代码的人更容易将网站分块，便于阅读维护理解
2、标签上 title 与 alt 属性的区别是什么？
通常当鼠标滑动到元素上的时候显示 alt 是img标签 的特有属性，是图片内容的等价描述， 用于图片无法加载显示、读屏器阅读图片。可提图片高可访问性， 除了纯装饰图片外都必须设置有意义的值，搜索引擎会重点分析。
3、href 与 src？href (Hypertext Reference)指定网络资源的位置，从而在当前元素或者当前文档和由当前属性定义的需要的锚点或资源之间定义一个链接或者关系。（目的不是为了引用资源，而是为了建立联系，让当前标签能够链接到目标地址。）src source（缩写），指向外部资源的位置，指向的内容将会应用到文档中当前标签所在位置。href与src的区别:1、请求资源类型不同：href 指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的联系。在请求 src 资源时会将其指向的资源下载并应用到文档中，比如 JavaScript 脚本，img 图片；2、作用结果不同：href 用于在当前文档和引用资源之间确立联系；src 用于替换当前内容；3、浏览器解析方式不同：当浏览器解析到src ，会暂停其他资源的下载和处理，直到将该资源加载、编译、执行完毕，图片和框架等也如此，类似于将所指向资源应用到当前内容。这也是为什么建议把 js 脚本放在底部而不是头部的原因。4、HTML新特性？新增用于绘画的 canvas 和 svg 元素 新增 video（视频） 和 audio（音频） 标签 新增客户端数据存储新方法：sessionStorage、localStorage 新增多个语义化标签元素： ·header、nav、article、section、aside、footer 表单的增强应用： ·表单元素 input 的 type 属性扩充： ·date、time、email、url、search、range、month、color、number ·表单元素 input 通过属性进行表单验证： ·required（必填项）、pattern（正则表达式验证表单输入） 新增地理定位 - Geolocation API 用于获得用户的地理位置
5、Localstorage、SessionStorage、cookie区别1、cookie （1）本身用于客户端和服务端通信 （2）但是它有本地存储的功能，于是就被“借用” （3）document.cookie = …获取和修改即可 （4）cookie用于存储的缺点 ①存储量太小，只有4kb ②所有http请求都带着，会影响获取资源的效率 ③api简单，需要封装才能用document.cookie
2、localStorage,sesseionStorage （1）html5专门为存储而设计，最大容量5M （2）api简单易用 （3）lcoalStorage.setItem(key, value);localStorage.getItem(key); （4）ios safari隐藏模式下:localStorage.getItem会报错，建议统一使用try-catch封装
3、sessionStorage用于本地存储一个会话（session）中的数据， 这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。 因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。 而localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。
6、HTML5 的离线储存的使用和原理？相似存储localStorage 长期存储数据，浏览器关闭后数据不丢失； sessionStorage 数据在浏览器关闭后自动删除。离线的存储两种方式HTML5 的离线存储.appcache文件【废弃】service-worker 的标准HTML5 的离线存储.appcache文件【废弃】在用户没有与因特网连接时，可以正常访问站点或应用，在用户与因特网连接时，更新用户机器上的缓存文件。原理：HTML5 的离线存储是基于一个新建的。appcache 文件的缓存机制（不是存储技术），通过这个文件上的解析清单离线存储资源，这些资源就会像 cookie 一样被存储了下来。之后当网络在处于离线状态下时，浏览器会通过被离线存储的数据进行页面展示。如何使用1、页面头部像下面一样加入一个 manifest 的属性2、在 cache.manifest 文件的编写离线存储的资源CACHE MANIFEST#v0.11CACHE:js/app.jscss/style.cssNETWORK:resourse/logo.pngFALLBACK:/ /offline.html3、在离线状态时，操作 window.applicationCache 进行需求实现。service-worker可以参考http://www.alloyteam.com/2019/07/web-applications-offline/https://developer.mozilla.org/zh-CN/docs/Web/API/Service_Worker_API/Using_Service_Workers————————————————版权上一篇：【ChatGPT】阿里版 ChatGPT 突然官宣意味着什么？(阿里pv)
下一篇：时间序列模型-ARIMA(时间序列模型ARIMA的优缺点)
