nmsn
nmsn
sessionStorage 属性允许你访问一个,对应当前源的 session [Storage](https://link.juejin.cn/?target=https%3A%2F%2Fdeveloper.mozilla.org%2Fzh-CN%2Fdocs%2FWeb%2FAPI%2FStorage) 对象。它与 [localStorage](https://link.juejin.cn/?target=https%3A%2F%2Fdeveloper.mozilla.org%2Fzh-CN%2Fdocs%2FWeb%2FAPI%2FWindow%2FlocalStorage) 相似,不同之处在于 localStorage 里面存储的数据没有过期时间设置,而存储在 sessionStorage 里面的数据在页面会话结束时会被清除。 1. 页面会话在浏览器打开期间一直保持,并且重新加载或恢复页面仍会保持原来的页面会话。 2. **在新标签或窗口打开一个页面时会复制顶级浏览会话的上下文作为新会话的上下文, 这点和 session cookies 的运行方式不同。** 3. 打开多个相同的 URL 的 Tabs 页面,会创建各自的 sessionStorage。 4. 关闭对应浏览器标签或窗口,会清除对应的 sessionStorage。 关键在于复制,并不是共享,修改其中一个,另外的会话中的对应...
### reference - ant-design - arco-design - react-clamp-lines - react-lines-ellipsis - https://jelly.jd.com/article/5fbcdff7cff6b301458364e9 - https://juejin.cn/post/6908589841064132616
webp 是谷歌推出的一种新的格式,简单来说,它可以通过 jpg、 png 等主流资源格式转换,达到无损画质的效果,并且相比正常的图片资源,压缩体积会减少到 40% 以上,大量主流浏览器已经支持了webp,并且最近 IOS14 及以上设备的 safari 浏览器也已经新增对 webp 的支持,只有少部分 IOS 低版本还不兼容 但 webp 相比同画质的 png 的加载时间反而更长 webp 体积小的代价是在压缩过程中进行了分快、帧内检测、量化等操作,这些操作是减少 webp 体积的核心原因,不过作为交换的是,相比 jpg、png 等资源,它具备更长的解析时长 这种情况在网络极好的情况下才会出现的负优化,比例并不高