220416

• 
  

  の説明を聞く前に、まず自分で講義の例を作った.これは条件文と繰り返し文を熟知する良い機会のようだ.

  
  
• 
  

  配列内のデータをインデックスとともに出力すると、

          for (const [key, value] of Object.entries(todoArr)) {
  
           console.log(`${key}: ${value}`);
  
           }

  簡単なfor文は以前も使っていたので、新しいfor...文系対象書き込みentries()、

          for (let i = 0; i < todoArr.length; i++) {
  
           console.log(`${i}: ${todoArr[i]}`;
  
           }

  for文をそのまま使うとこうなります.for文は簡単なので一目で理解できます.

  
  
• 
  

  deleteNum部分は数字でなければ削除できないコードを記述していません!

          deleteNum = parseInt(prompt("Enter index of todo to remove"));
  
           if (!isNaN(deleteNum)) {
           todoArr.splice(deleteNum, 1);
           console.log("Todo removed");
  
           } else {
           console.log("That's not an Index!");
           }

  ParseIntを用いて数字を判断した後、NaN以外の場合にのみdeleteを行いたい場合は、このように書くことができます.

  
  

ログインページの作成

• は、グローバル変数をCSSに初めて宣言します.コンソールウィンドウを表示するたびに、:rootにプロパティを指定し、font-family: var(--body-font);として適用する必要があります.一度保存して、テンプレートのように使用したほうがいいです.
• Vscode Emetを使用して複数のclassを入れたい場合は、ポイント分割を使用します.入力div.red.yellowは、<div class="red yellow"></div>を自動的に生成する.
• font awesomeアイコンはよく破られるので、参照ビデオの内容に従ってRemix iconを使用しました.世界には素晴らしいライブラリがたくさんあると感じました.
• CSSを記入するときは、さらに確認できるように部分的にコメントします.
• Flex boxにrow-gap属性があります!その名の通りrow間の間隔を調整できます.要素に余白やpaddingを追加する必要はないようです.
• ビデオでは、テキストにグラデーションを追加する方法が現れ、グーグルの原理は、background-clip: textを指定して背景をテキストにのみ適用し、テキストの色を透明に変換して背景のみを表示することである.ただし、-webkit-background-clip属性がないと正常に使えないので、もう一度探してみる必要があります.これがなければChrome、Safari、サムスンネットでは適用されませんか?