F2E-Book
  • INTRODUCTION
  • 幼幼班の前端工程師
  • 初階の前端工程師
  • 快速上手/學習
  • CONCEPTUAL ANALYSIS
    • HTTP
      • Error from CORS
      • Cookie、[ ? ]Storage 的差異
    • OOP
    • UML
    • Vue
      • THINK-1
      • THINK-2
      • THINK-3
      • Vue CLI Install
    • JavaScript
      • JS in Web
      • By ref or by value
      • TypeOf
      • Hoisting
      • Expression / Operator
      • Expression / Operator part2
      • Loop
      • For Loop Effectiveness
      • Function
      • Arrow Function - This
      • Class
      • Promise
      • Cascade
      • This
      • Arrow Function And Function
      • DefineProperties And Reduce
      • Array Methods
      • Import And Export
      • Let And Const
      • TypeOf And InstanceOf
      • Closure
      • CallBack Function & IIFE
    • Design Pattern
      • Flyweight (解释器模式)
      • Interpreter (解释器模式)
      • Visitor (訪問者模式)
      • Mediator (中介者模式)
      • Momento (備忘錄模式)
      • Command (命令模式)
      • Chain of Responsibility (職責鏈模式)
      • Template (模板方法模式)
      • Prototype（原型模式）
      • Composite（組合模式）
      • Bridge（橋接模式）
      • State（狀態模式）
      • Iterator（迭代器模式）
      • Proxy（代理模式）
      • Observer（觀察者模式）
      • Decorator（裝飾者模式）
      • Adapter（適配器模式）
      • Strategy（策略模式）
      • Facade（外觀模式）
      • Singleton（單例模式）
      • Factory（工廠模式）
  • SKILL TREE
    • ESLint And Prettier
    • NPM
      • 安裝常見錯誤-1 重複命名
      • 安裝常見錯誤-2 權限不足
    • MongoDB & Robo 3T
      • 基礎介紹
      • Create DB & Connect DB
      • CRUD in Robo 3T
    • Express
    • Vue
      • Prop And Emit
Powered by GitBook
On this page

Was this helpful?

  1. CONCEPTUAL ANALYSIS
  2. HTTP

Cookie、[ ? ]Storage 的差異

Cookie、LocalStorage、SessionStorage的差異

資料來源：Charlie Chen on Medium

特性

Cookie

LocalStorage

SessionStorage

數據的生命週期

由服務器生成，可設置失效時間。如果在瀏覽器端生成Cookie，默認是關閉瀏覽器後失效。

除非被清除，否則永久保存。

僅在當前有效，入關閉頁面或瀏覽器後被清除。

存放數據的大小

4 KB 左右

5 MB

同左

與服務器端的通性

攜帶於HTTP 中，如果使用Cookie 保存過多數據，會導致性能問題。

僅在客戶端（Web）中保存，不參與和服務器的通信。

同左

易用性

需要程序員自行封裝，原生的Cookie 接口並不好。

原生接口可以接受，亦可再次封裝來對物件和陣列有更好的支持。

同左

PreviousError from CORSNextOOP

Last updated 5 years ago

Was this helpful?