HTML-Basic
文章目录

HTML

DOM 事件委托

  • 将事件交给其他 Elem 进行处理
  • 典型的用法就是 jQuery 里面的 $elem. on(‘click’, ‘selector’);
  • 主要是为了效率, 如果不代理那么每一个子元素都需要加个 onclick

iframe 的缺点

  • 会阻塞主页面 onload 事件
  • 不利于 SEO
  • 毕竟是两个 request 可能影响加载速度, 不过可以在 onload 之后动态修改 iframe 的 src 来进行优化
  1. 保存在浏览器内存
  2. 关闭浏览器后依然存在
  3. 会设置过期时间
  4. 仅支持文本, 4KB 最多
  5. 不应该存敏感信息, 很容易被拦截

Session

  1. 保存在浏览器
  2. 客户端保存一个 sessionID
  3. 请求的时候根据 id 请求服务器的 session
  4. 支持复杂类型

LocalStorage & SessionStorage

  1. 永久保存在本地浏览器部分, 不会和服务器交互
  2. 访问方式 window.localStoragewindow.sessionStorage
  3. 存储空间大 5M
  4. 作用域不同
    • sessionStorage仅仅当前标签页有效
    • localStorage 所有标签页都可以访问到
  5. 数据有效期
    • sessionStorage 标签页关闭后删除
    • localStorage 长期保存