TIL 2021 8/31制定

3277 ワード
CSS calculator 条件文 if テキストリンク
  • (1)条件文の戻り値が空の場合は
    • である.
        if (action === 'calculate') {
      if (operatorForAdvanced === undefined){//공백
      }
      else if(previousKey === 'number'){
      previousNum = display.textContent;
      display.textContent = calculate(Number(firstNum), operatorForAdvanced, Number(previousNum))
      }else if (previousKey === 'calculate'){
       firstNum = display.textContent;
       display.textContent = calculate(Number(firstNum), operatorForAdvanced, Number(previousNum))
      }else if (previousKey === 'operator'){
       previousNum = firstNum
       display.textContent = calculate(Number(firstNum), operatorForAdvanced, Number(previousNum))
      }
      previousKey = 'calculate'
    }
  }
});

    ->計算機の悪夢を見たとき、四則演算 + - * /を押さずに起動しないように(上図のように)この条件を書きました.普段コプトをしているとき、if条件文を書いているときは結果値を書かないことはありませんが、ちょっと気まずいですが、fairを見ると分かります.
    ここに空きを残しておくと、条件にぶつかると計算機が働かなくなります.if (operatorForAdvanced === undefined){//공백//}
  • (2)script js位置
    JavaScript挿入位置
    HTML構造とCSSスタイルのレンダリング中にJavaScriptに遭遇すると、ブラウザは解釈と実装が完了するまでレンダリングブラウザを停止します.
    • つまり、JavaScriptの挿入位置によってスクリプトの実行順序やブラウザのレンダリングに影響します.
    headに挿入すると
    HTML
<head>
    <script>
    //코드내용
    </script>
</head>
    ブラウザレンダリングがブロックされて重いスクリプトが実行されると、長い間未完了の画面が露出します.
    ドキュメントを初期化または設定するには、簡単なスクリプトがよく使用されます.
    ドキュメントを必要とするドキュメントオブジェクトモデル(DOM)構造のスクリプトの場合、ドキュメント.正常に動作するには、onloadなどのロードイベントを追加する必要があります.</body>の前に挿入
    HTML
.....
    <script>
    //코드내용
    </script>
</body>
    ブラウザでレンダリングが完了した後、スクリプトの実行時にコンテンツを変更するスクリプトは、画面上の露出体になります.
    推奨される場所は、ほとんどのスクリプトの場所です.
    ドキュメントのDOM構造は完了時に実行され、追加の設定は必要ありません.
    出典:https://webdir.tistory.com/514[WEBビット]
  • (3)htmlファイルは数字でも何でも文字列です.
    • Week 12 S8, React-Part1 #1
    React 2. Component