[TIL] 0118

4916 ワード
MonthSub Refactoring コード断片研究 テキストリンク

きょう習った


学習
  • コード学習CSSプレゼンテーションカリキュラム
    • 学習
  • jsプロトタイプが理解していない部分
  • 月Subプロジェクトコンポーネント、反作用コード再構築

    • 1.コードプレゼンテーション-cssプレゼンテーション

  • グラフィックシステム-ポイント(グラフィックを画面に表示する)の方法
  • Fixed Number
  • 固定値
  • 環境
    • には適用されません.
  • Abstract Calculator
  • 元は、固定値
    • ではなく、環境内の計算値を表す.
  • %, left, block, inline, flex...
  • css specification
  • モジュールはそれぞれ更新されるので、各ブラウザのcss属性の動作は
    • とは異なる.
    また、
  • モジュールではなく、どのバージョンをサポートしているかを確認する必要があります.
  • Normal Flow
  • 最も一般的な基本計算式
  • 要素を食べる位置をどのように計算し、描画するか+
  • bfc,ifc,静的(基本位置),相対(相対位置)がある.

    • 解答ノートを習う


    1.相対的に移動しても領域は変わらない

    <div>
  Hello
  <div style="position: relative; top: 50px; background-color: red">
      Sagack
      <span>!!</span>
   </div>
 </div>
 Welcome
 MonthSub
 <div style="z-index: 100; background-color: blue">!!</div>

    2.明細内のラベル幅を決定する条件

    <span style="width: 50px;"> // 50px 무시됨
	aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</span>
    インライン
    子どもの幅によって親の幅が決まる
  • 幅ができるだけ小さくなる性質
  • のサブエレメントの中で最も高いのは
    • です.
  • アイドル時分離
    • 積み木
    子供の身長によって親の身長が決まります.
  • 高さが最大限に低下する性質
  • 幅は基本的に親の100%

    • 2.原型

  • プロトコル
    • を使用して、重複除外とメモリ節約
  • ジェネレータ関数の生成時にプロトタイプ
    • を生成する.
  • インスタンスは、コンストラクション関数を有するプロトタイプ(すべての祖先プロトタイプを含む)
    • にアクセスすることができる.
  • インスタンスのプロトタイプには、他のオブジェクトを含めることができます.
  • は、「プロトタイプ」に設定されたオブジェクトのプロトタイプ、メソッド、プロトタイプ+すべての「祖先」プロトタイプ
    • にアクセスすることができる.
  • は、主に方法をプロトタイプに格納するために使用される(この問題のため)
    • .
  • jsでは、元のタイプを除くすべてのタイプがオブジェクトであり、すべてのオブジェクトがオブジェクトです.継承プロトタイプ

    • 3.MonthSubプロジェクトのトラブルシューティング


    input type dateの場合width:100%でも適用されず、特定のpx値に設定されているようです.
    ブラウザの幅が縮小すると、親の幅から離れます.

    widthは0、min-widthは必要な%値で、必要に応じて適用します(datepickerを使ったほうがいいと思います)
    SQL - DML
    2798ブラックジャック👊