blog
blog copied to clipboard
nmsn
记录日常遇到的问题，需要记录的笔记以及新学到的知识，会进行汇总和分类，自动更新 README，欢迎评论和补充，互相学习
## 各维度对比 ### 构建基础 - rollup 使用 esm 作为构建基础 - webpack 使用 cjs 作为构建基础（需要注入大量的辅助性代码，冗余的多） - 因此 webpack 需要引入大量的代码来实现 require，modules.exports，export，让浏览器可以兼容cjs和esm语法，所以 webpack 打包时间会更长，包的大小会更大 - webpack 的 output.module 还处于实验阶段 - 因为 webpack 比...
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。 关键在于复制，并不是共享，修改其中一个，另外的会话中的对应...