![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML
文章平均质量分 56
温情key
坚持创作 收获壮硕
展开
-
HTML5新特性
HTML5新特性1. 语义化标签2. 增强型表单3. 媒体元素4. Canvas绘图5. SVG绘图6. 地理定位7. 拖放API8. Web Worker9. WebStorage10. WebSocket1. 语义化标签就是看到标签就知道这是什么意思,比如头部就是 header,导航栏就是 nav有利于SEO, 搜索引擎优化方便其他设备的解析(屏幕阅读器,移动设备),以有意义的方式来渲染网页方便团队开发和维护,增加代码可读性2. 增强型表单新增表单类型(1). 邮箱验证原创 2022-03-17 15:56:14 · 3074 阅读 · 0 评论 -
script标签中defer和async的区别
html加载解析顺序是同步进行的,script标签一般用于加载js脚本,js是阻塞式加载和运行,也就是说解析到script标签的时候会暂停页面的解析,先执行完该script标签再继续解析页面。html5的script标签新增了两个属性:defer和async,可以让js脚本异步加载defer: 当html解析到带defer属性的script标签时,会异步加载该js文件,而不中断html的解析,直到页面加载结束再回头解析该js文件。async: 当html解析到带async属性的scrip.原创 2022-03-17 15:51:44 · 213 阅读 · 0 评论 -
src和href的区别
src引用外部资源:比如script、img、videohref指向资源位置,建立链接src会替换元素里面内容href不会替换元素里面内容src当浏览器解析到使用 src 的元素时,会暂停其他资源的下载,直到 src 引用的资源执行完毕,这也是为什么 script 元素推荐放在 html 结构底部的原因href不会暂停其他资源的下载,所以使用 href 引用 css 样式的时候,为了不影响页面观感可以放在 html 结构头部优先加载...原创 2022-03-16 22:27:34 · 146 阅读 · 0 评论 -
HTML+CSS 面试题
1. 讲讲重排和重绘重排(回流)当dom的变化影响了元素的几何信息(元素的位置和尺寸大小),浏览器需要重新计算元素的几何信息,将元素渲染到正确的位置,简单来说就是重新排列元素,这就是重排, 也叫作回流。每个页面至少进行一次回流,就是在页面第一次加载的时候触发重排的操作元素位置改变改变窗口大小改变字体大小添加/删除 dom元素计算 offsetWidth 和 offsetHeightmargin border 的改变重绘当元素的外观发生改变,但没有影响到页面的布局,重新把元素原创 2021-07-03 16:55:27 · 210 阅读 · 4 评论 -
Token放在 cookie, sessionStorage 和 localStorage 中的区别
什么是token原创 2021-06-07 21:13:36 · 8428 阅读 · 0 评论 -
本地存储 cookie sessionStorage 和 localStorage (用法,作用,区别,案例)
相同作用本地存储保存数据,都存储在浏览器端(客户端)三者区别存储大小cookie 数据大小不能超过 4Kb,而 sessionStorage 和 localStorage 一般为 5MB 或更大生命周期cookie: 默认跟随浏览器关闭而销毁,但可以自己设置过期时间sessionStorage: 关闭页面或浏览器时销毁localStorage: 一直保存,不会自动销毁,除非手动销毁数据与服务器之间的交互cookie: 会在每次请求中被携带到服务器端,如果使用co原创 2021-06-06 11:49:04 · 394 阅读 · 0 评论