📚TIL

day6

DOM(Document Object Model)

DOMは、文書ノード-要素ノード-属性ノード-テキストノード

というツリー構造で構成されています.

DOM Treeは前売りで、ツアー

DOM:getElementById、getElementByClassName、getElementByTagName、querySelector、windowを選択します.[id]

DOMナビゲーション:ParentNode、First ElementNode、Children、NextElementSibling、PreviousElementSibling

DOMアクション:クラスアクセス、hasAttribute、getAttribute、set(削除)Attribute、textContent、createElement、append(削除)Child、innerHTML

バーチャルドーム(バーチャルDOM)

実際のDOMツリーはJavaScriptオブジェクトに必要な情報

のみを含む.

ドームを修正する必要がある場所でドームを直接修正せず、仮想ドームを変更した部分だけを修正し、

をレンダリングします.

仮想ドームと実際のドームは2回の探索が必要なため、レンダリング回数を減らすだけでメモリ使用量が大きくなります.

仮想ドームを使用した迅速な開発

一級を評する

評価:コードを計算し、値

を生成します.

日:値として、変数として、関数のパラメータとして、関数の結果として、

一級関数:関数を値として処理できる

JavaScriptでは、関数を値として扱うことができ、この性質を利用して多くの組合せを作成し、抽象化の良いツール

として使用することができる.

高次関数

高次関数:1次関数を使用して関数に値を割り当てる関数

関数が関数を返す場合、エンクロージャを使用して

を返す.

const higherOrder = a => b => a+b; 
//이 함수는 a를 계속해서 기억하고 있으며 a와 함수를 통칭해서 클로저라고 함
const sum = higherOrder(11); 

log(sum); 		//b => a+b
log(sum(10));		//21

🌊一日を終える

前の部分でCloserを勉強しましたが、明確な意味がなかったので、今回の講義を通じて、Closerを再検索して復習しました.時には他の人のコードで見て、ラケットで関数を返して、授業を通じてそれをはっきり知ることができます.仮想ドームも初めて触れたコンセプトで、見慣れないが面白い部分です.ただ、どのような業界でどのような方法で使われているのか分からないので、この部分で述べます.
明日の目標は今日聞いていない講座を終わらせて、授業を遅らせないことです.