220413

ブラウザにデータを格納

key:valueのオブジェクト形式で格納されます.

local storage

永続的に保存されているため、電源を切ってもデータが保持されるため、直接削除する必要があります.ショッピングモールで会員以外の身分でショッピングバスケットを入れる理由は、ショッピングバスケットをLocalstorageに保存することです.ローカルストレージ入力時に格納されたデータ情報は、コンソールで表示できます.ただし、セキュリティは高くないので、重要なデータは保存しないほうがいいです.
VSコードでlocalStorageを使用することもできます.

session storage

ブラウザを終了すると、保存されているデータが削除されます.

cookies

バックエンドAPIの送信時に一緒に転送できます.有効期限は保存できます.したがって、特定の有効期限が経過すると、保存されたデータは消えます.

prerendering

yarn dev
マウントする前にhtml、css、jsの内容を描きます.全体構成のみ確認します.onClick、onChangeなどの機能のバインドが欠けています.
ローカルストレージの概念がありません
リフレッシュは再接続に等しい.したがって、html、css、jsは最初から再描画されるため、格納された変数は初期値を返します.

diffing

レンダリングをブラウザで実行した操作と比較します.最終完了タイプを更新します.このとき機能を実現できます.

hydration

diffingのタスク名の指定

権限分岐

会員/非会員で見られるページの違い
一般会員/管理者が表示できるページの違い

HOF

High Order Function

function aaa(){
    function bbb(){
        console.log("안녕하세요")
    }
}

aaa()() // "안녕하세요"

関数の関数名は重要ではありません.

function aaa(){
    let apple = "이건 사과예요"
    
    return function bbb(){
        let banana = "이건 바나나예요"
        
        console.log("안녕하세요")

        console.log(apple)
        console.log(banana)
    }
}

aaa()()
// "안녕하세요"
// "이건 바나나예요"
// "이건 사과예요"

スキャンチェーンを使用すると、内部関数から外部関数の変数に近づくことができます.

stack

First-In-Last-Out
(=Last-In-Fast-Out)

queue

First-In-First-Out(=Last-In-Last-Out)

call stack

実行する関数を順番に積み重ねます

Closure

内部関数から外部関数にアクセスする領域変数

HOC

High Order Component
権限割り当てを行うには、実行するコンポーネントを作成してから、他のコンポーネントを実行する必要があります.

は、まず、実行要素矢印関数

に切り替える.

BB素子をAA素子中の

に導入する.

HOC同名with(慣例)

withAuth, with ~