HTML-Basic
文章目录

HTML

DOM 事件委托

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

iframe 的缺点

  • 会阻塞主页面 onload 事件
  • 不利于 SEO
  • 毕竟是两个 request 可能影响加载速度, 不过可以在 onload 之后动态修改 iframe 的 src 来进行优化

Cookie 浏览器端
Session 在服务端

  1. 保存在浏览器内存
  2. 关闭浏览器后依然存在
  3. 会设置过期时间
  4. 仅支持文本, 4KB 最多
  5. 不应该存敏感信息, 很容易被拦截

Session

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

LocalStorage & SessionStorage

  1. 永久保存在本地, 不会和服务器交互
  2. 访问方式 localStorage: window.localStorage ; sessionStorage: window.sessionStorage
  3. 存储空间大
  4. 等于是个超级小的 DB 系统