Easy Browser Question 28 of 229

When would you use localStorage versus cookies?

Frontend Master · Speak this in 60–90 seconds · Faridabad & Delhi NCR

PICTURE THIS: A SENTENCE BECOMES TOKENS

The model does not read letters like humans. It reads these pieces, then predicts the next one.

Simple meaning

LocalStorage is for non-sensitive UI preferences, larger, and never sent automatically with requests.

1

WHY — Browser instead of guessing?

Why interviewers care about Browser:

They want a clean

contrast on Browser, not two memorised paragraphs.

Say what changes for

the developer, then one case where picking wrong hurts.

Stay structured

Name the idea, why it exists, then one short example.

Close cleanly

End with when you use it and one common pitfall.

2

STEPS — What happens with tokens?

Before the model can read a sentence, it goes through these steps:

  1. 1
    LocalStorage is for non-sensitive

    UI preferences, larger, and never sent automatically with requests.

  2. 2
    Cookies can be HttpOnly

    and sent on every matching request, which is how sessions work.

  3. 3
    I never store access

    tokens in localStorage if XSS is a concern.

  4. 4
    Context mix

    Attention looks at nearby tokens together.

  5. 5
    Next token

    The model scores what should come next.

  6. 6
    Decode

    IDs turn back into readable text.

3

EXAMPLE — See it in action

Let's see how a real sentence is tokenized (tokens may vary by model):

Input text
“Cookies can be HttpOnly and sent on every matching request, which is how session”
Tokenized output
CookiescanbeHttpOnlyandsent
Token IDs (example)
2987408337471632900

Note: Actual tokens and IDs depend on the tokenizer (e.g., GPT, Llama, etc.).

Key takeaway

LocalStorage is for non-sensitive UI preferences, larger, and never sent automatically with requests. Cookies can be HttpOnly and sent on every matching request, which is how sessions work.

Chat with us