? ???
?? ? ??? ? ??? ??? ?? ???? ??? ???, ?? ? ??? ???? ? ?????. ??? ???? ??? ? ?????? ??? ??? ??? ????, ??? ???? ? ???? ???? ??? ????.
react??
RECT?? ?? ? ??? ?????? ?? ???? ??? ?????. ?
- ???? ?? ??, ?? ?? ? ?? ?? ??, ??? ?????? ??? ???? ????? ?? ? ?? ???? ??? ?????.
-
JS-Cookies? ?? ?? ?????? React ?? ?????? ?? ??? ??? ? ? ????. ?? ?? ? ?????? ??? ?? ?? ????? ???? ?????? ?? ????. -
document.cookie
? ??? ?? ? ??? REACT?? ?????? ?? ? ?? ??? ?? ? ????. -
??? ??? ??? ? ????? ??? ??? ??? (?? 4096 ???)???. ???? ??? ??? ???? (??? Google ? ?? ?? -
HttpOnly
??? ? ? ???? ??? ?????. secure
"??"? ???? ? ???? ???? ??? ????. ??? ?? ?? ?? ???? ???? ??? ?????.SameSite
???? ?? ? ???? ???? ??? ?? ????? ??? ? ??????. - ? ????? ??? ??? ????? ??? ? ???? ???? ??, ???? ? ???? ?? ??? ?????.
- ?? ??
-
?? ?? ? ?? ??? ??? ? ?? ?? ?? ???? ??? ?? ????. The Remember Me ??? ?? ??? ?????.
<code>名稱:_ga 值:GA1.3.210706468.1583989741 域:.example.com 路徑:/ 過期/最大年齡:2022-03-12T05:12:53.000Z</code>
-
??? ??.
???? ????? ????? ?? ?? ?? JWT (JSON Web Token)? ????? ??? ?????. // 示例:設(shè)置會(huì)話 Cookie document.cookie = "sessionID=abc123; path=/";
<<> ??? ?? ??. - api ?
??
React?? ??? ???? ?? ???? ??? API? ?? ????. ??? ??, ?? ?? ? ??? ??? ??? ?????? ?????. // 示例:在 Cookie 中存儲(chǔ)用戶偏好設(shè)置 document.cookie = "theme=dark; path=/";
<:> ?? ?? : ? ??> -
<:> ?? ?? : ? ??>
?? ?? : ? ??> // 使用 express-session 中間件 const express = require('express'); const session = require('express-session'); const app = express(); app.use(session({ secret: 'your-secret-key', resave: false, saveUninitialized: true, }));
- <<> ?? ID ??? ???? ?? ?? ??? ???? ? ?????.
-
?? ?? ? ??? : ?? ??? : ??? JWT (JSON Web Token)? ???? ?????? ????. // 示例:設(shè)置會(huì)話 Cookie document.cookie = "sessionID=abc123; path=/";
??? ?? ?? : ????? (React) : ? ??> // 示例:設(shè)置具有過期日期的持久性 Cookie document.cookie = "username=JohnDoe; expires=Fri, 31 Dec 2023 23:59:59 GMT; path=/";
?? ?? ????? ???? ?? ??? ?????. ? ??> ??? ?? ? ??? ???? ??? ???????. secret
???? ?? ?? : ??? ???? ??? ??? ??????. -
document.cookie = "token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...; path=/";
react ?? ?? ? ?? ????? ?? ??
React ?? ????? ?? ? ?? ??? ???? ??? ????? ??? ? ??????? ???? ? ??????. /profile
RECT ?? ????? ???? ????? ????? ??? ??????. ?? ? ??> ? ? ??> ?? ?? ?? ? ??>
<<> ???? ?? ?? - <<>. ? ???? JavaScript ?? ?? ??? ? ??? ?? ??? ?? ??? ???? XSS (Cross-Site Scripting) ??? ??? ????. ??? ????? ??? ? ? ??????.
HttpOnly
<code>名稱:_ga 值:GA1.3.210706468.1583989741 域:.example.com 路徑:/ 過期/最大年齡:2022-03-12T05:12:53.000Z</code>
<<>. ? ???? ??? ?? ??? ? ?? (HTTP)?? ? ????????. ??? ? ??? ??? ??? ?? ? ? ????. -
?? ?? ? ?? ?? ?? secure
? ???????? ??? ?? ?? ?? ? ?? ?? ?? ??? ??????. ??? ????? ?? ???? ?? ?? ??? ???? ?? ???? ??? ???? ? ??? ? ? ????. // 示例:設(shè)置會(huì)話 Cookie document.cookie = "sessionID=abc123; path=/";
-
?? ? ??? ??? ??? ?? ???? ????. ???? ???? ??? ???? ????? ???? ?? ???????. ???? ?? ?? ??? ???? ??? ? ???? ???? ?? ???? ??? ??? ?????? ? ??????.
? ??> ? ??> ?? ?? ? ??>
? ??> - ??? ??? ??? ??? ??? ?? ?? ? ?? ???? ??? ??? ?? ?? (CSRF) ??? ???? ? ??????.
-
?? ??? ????? ??? ?? ?? ? ?????. ??? ?? ??? ??? ?? ??? ??? ?????.
? ??> ?? ? ??> <<> ?? ? ??
?? ????? React ?? ?????? ?? ? ??? ?? ??? ?? ???.
??? ????? ??? ? ???? ? ?? ?? ????? ?? ?? ?????.
api ?
??
<<> ??? ?? ?? ?? ? ??>
?? ????? ?? ? ?? ??
<<>? ??? ?? ??
? ??? ?? ?, ? ?? ???? ?? ? ??? ???? ??? ?????.
<:> ?? ????? : ? ??>
<code>名稱:_ga 值:GA1.3.210706468.1583989741 域:.example.com 路徑:/ 過期/最大年齡:2022-03-12T05:12:53.000Z</code>JS-Cookies? ?? ?? ?????? ???? React ?? ???? ?? ????? ???? ??? API? ?????.
?? ?? ? ??>
<<> ?? ? ?? ? ??> <-based> ?? ?? ?? ? ??>
<<> ?? ? ?? ? ??>
Express-Session? ???? Express.js? Set Set Express.js : ?? ??? ???? ??????
??? ?? ?? ???? ??? ? ? ????.
<-based> ?? ?? ?? ? ??> <-based> ?? ?? ??? ?? React ?? ?????? ??? ???? ?????. ???? ???? ?? ? ??? ???? ?????? ??? ?? ??? ??? ??????.
?? ?? ??. ?? ??? ?? ??? ???? ??? ????? ??????. ?? ??? ??? ? ?? ????? ??? ????.
<..> ??? ???????. ??? ?? ??? ???? ?? ???? ?? ?? ??? ??????. ??? ?? ??? ???? ? ??????.
<<> ?? ???? ???? ?? ? ?? JWT ??? ?????.
// 示例:設(shè)置具有過期日期的持久性 Cookie document.cookie = "username=JohnDoe; expires=Fri, 31 Dec 2023 23:59:59 GMT; path=/";<<>. ??? ? 1 ? ????? ????? ?? ? ???? ???? ???? ???? ?? ?????.
/login
/refresh-token
<<>. ??? ????? (? : ??? ?? ? ?)? ???? ??? ?? ? ??? ?? ? ????? ??? ??? ??? ?? ?? : ? ??>
??? ?? ? ?? ???? ??
document.cookie = "token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...; path=/";
??? ?? ??
?? ?? ? ???? ?? ?? ????? ????? ??????. ???? XSS ? CSRF? ?? ???? ??? ???? ?????. CSP (Content Security Policy)? ?? ?? ?? ? ??? ???? ?? ??? ????. SameSite
??
?? ? ??? ???? ???? ?? ?? ????? ???? ? ??? ?????. ??? ??? ????? ??? ???? ????? ??? ?? ??? ?????? ? ?????.
?? ??? ??? ?? ? ?????? ???? ?? ?? ??? ???? ??? ??? ??? ???? ???? ???? ?? ????? ?? ? ????.
? ??? ??? ??? SitePoint?? ?? ???? ???? ?????? : .
?? ?? ???
2024 ? ??? ?? ?? ?????
6 ???? ??? ?????? ??, ??
SameSite
??
?? ? ??? ???? ???? ?? ?? ????? ???? ? ??? ?????. ??? ??? ????? ??? ???? ????? ??? ?? ??? ?????? ? ?????.
? ??? ??? ??? SitePoint?? ?? ???? ???? ?????? : .
? ??? React? ?? ? ?? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!

? AI ??

Undress AI Tool
??? ???? ??

Undresser.AI Undress
???? ?? ??? ??? ?? AI ?? ?

AI Clothes Remover
???? ?? ???? ??? AI ?????.

Clothoff.io
AI ? ???

Video Face Swap
??? ??? AI ?? ?? ??? ???? ?? ???? ??? ?? ????!

?? ??

??? ??

???++7.3.1
???? ?? ?? ?? ???

SublimeText3 ??? ??
??? ??, ???? ?? ????.

???? 13.0.1 ???
??? PHP ?? ?? ??

???? CS6
??? ? ?? ??

SublimeText3 Mac ??
? ??? ?? ?? ?????(SublimeText3)

JavaScript? ??? ?? ????? ??? ?? ??? ??? ?? ?? ?? ????? ?? ???? ???? ?????. ??? ?? ???? ?? ??? ?? ??? ???? ???? ?? ?? ???? ???? ?????. ?? ??, ??? ? ?? ???? ??? (? : ??? null? ??) ?? ??? ????? ??????. ??? ??? ???? ??? ??? ????. closure?? ?? ??? ?? ??; ? ??? ??? ?? ?? ???? ?? ???? ????. V8 ??? ?? ???, ?? ??, ??/?? ???? ?? ??? ?? ??? ??? ????? ?? ??? ?? ??? ????. ?? ?? ???? ??? ??? ??? ??? ???? ????? ?? ?? ???? ?? ???????.

Node.js?? HTTP ??? ???? ? ?? ???? ??? ????. 1. ?? ????? ????? ??? ??? ? ?? ????? ?? ?? ? https.get () ??? ?? ??? ??? ? ?? ????? ?? ??? ?????. 2.axios? ??? ???? ? ?? ??????. ??? ??? ??? ??? ??? ??? ???/???, ?? JSON ??, ???? ?? ?????. ??? ?? ??? ????? ?? ????. 3. ?? ??? ??? ??? ??? ???? ???? ??? ??? ???? ?????.

JavaScript ??? ??? ?? ?? ? ?? ???? ????. ?? ???? ???, ??, ??, ?, ???? ?? ? ??? ?????. ?? ????? ?? ?? ? ? ??? ????? ?? ??? ??? ????. ??, ?? ? ??? ?? ?? ??? ??? ??? ???? ??? ??? ???? ??? ?? ??? ????. ?? ? ????? ??? ???? ? ??? ? ??? TypeofNull? ??? ?????? ??? ? ????. ? ? ?? ??? ???? ?????? ????? ???? ??? ???? ? ??? ? ? ????.

?????, JavaScript ???! ?? ? JavaScript ??? ?? ?? ?????! ?? ?? ??? ??? ??? ? ????. Deno?? Oracle? ?? ??, ??? JavaScript ?? ??? ????, Google Chrome ???? ? ??? ??? ???? ?????. ?????! Deno Oracle? "JavaScript"??? ????? Oracle? ?? ??? ??? ??????. Node.js? Deno? ??? ? Ryan Dahl? ??? ?????? ???? ????? JavaScript? ??? ???? Oracle? ????? ???? ?????.

?? JavaScript ??? ??? ??? ?????? ?? ??? ?? ?? ??? ?? ???? ????. 1. ??? ???? ???? ?? ??? ?? ? ? ???? ??? ??? ?? ? ?? ????? ?????. 2. Angular? ?????? ??? ?? ???? ? ?? ?? ??? ??? ??? ???? ?????. 3. VUE? ???? ?? ??? ???? ?? ?? ??? ?????. ?? ?? ?? ??, ? ??, ???? ???? ? SSR? ???? ??? ??? ??? ???? ? ??? ?????. ???, ??? ??? ??? ????? ????. ??? ??? ??? ??? ?? ????.

iife (?? invokedfunctionexpression)? ?? ??? ???? ?? ????? ??? ???? ?? ??? ????? ?? ??? ? ?????. ??? ?? ?? ??? ???? ? ?? ??? ??? ?? (function () {/code/}) ();. ?? ???? ??? ?????. 1. ?? ??? ??? ?? ???? ?? ??? ??? ?????. 2. ?? ??? ??? ???? ?? ?? ??? ????. 3. ?? ?? ??? ????? ?? ???? ???????? ?? ? ??. ???? ?? ???? ?? ??? ES6 ??? ??? ??? ?? ? ??? ????? ??? ? ???? ???????.

??? JavaScript?? ??? ??? ?????? ?? ???????. ?? ??, ?? ?? ? ??? ??? ?? ????? ????? ?????. 1. ?? ??? ??? ????? ???? ??. ()? ?? ??? ??? ?????. ?. ()? ?? ??? ?? ??? ??? ?? ? ? ????. 2. ?? ??? .catch ()? ???? ?? ??? ??? ?? ??? ??????, ??? ???? ???? ????? ??? ? ????. 3. Promise.all ()? ?? ????? (?? ?? ?? ? ??????? ??), Promise.Race () (? ?? ??? ?? ?) ? Promise.AllSettled () (?? ??? ???? ??)

Cacheapi? ?????? ?? ???? ??? ???? ???, ?? ??? ??? ?? ???? ? ??? ?? ? ???? ??? ??????. 1. ???? ????, ??? ??, ?? ?? ?? ???? ???? ??? ? ????. 2. ??? ?? ?? ??? ?? ? ? ????. 3. ?? ?? ?? ?? ?? ??? ??? ?? ?????. 4. ??? ???? ?? ?? ???? ?? ?? ?? ?? ?? ???? ?? ?? ??? ??? ? ????. 5. ?? ???? ??, ??? ??? ? ??? ??, ?? ??? ? ?? ???? ???? ???? ? ?? ?????. 6.?? ??? ?? ?? ?? ??, ???? ?? ? HTTP ?? ????? ?????? ???????.
