2020-08-04 Jiugongge + JS Array +ソフトスキルのハードコーディングを達成するためのHTML + CSSフレックスのjs位置

2020-08-04トピックのソース:http://www.h-camel.com/index.html

[html] jsは一般的に</body>以前に書き込むのに慣れていますが、例外はありますか?教えてください

htmlファイルの実行方法はトップダウンです。cssが導入されると、プログラムは引き続き下向きに実行されます。jsが導入されると、スレッドは中断され、jsがロードされた後、プログラムは引き続き下向きに実行されます。したがって、通常の状況では、jsスクリプトは</body>前の最後の位置に配置されるため、domが生成されたときにjsをロードするのに時間がかかりません。ただし、dom要素にアクセスする必要がある一部のjsスクリプトは、bodyの前に配置されます。dom要素がレンダリングされていないため、エラーまたは無効が報告されます。

次に、原則は次のとおりです。ページ効果実装クラスのjsは本体の前に配置され、アクション、インタラクション、イベント駆動などのdom属性にアクセスする必要があるjsを本体の</body>に配置できます

[css]フレックスを使用して、アダプティブ9公式グリッドを実装します

<!DOCTYPE html>
<html>
<style>
.blockDiv{
    width: 100%;
    display:flex;
    flex-wrap: wrap;
}
.block{
    width: calc(calc(100% / 3) - 10px);
    margin:5px;
    height:50px;
    box-sizing: border-box;
    border:1px  solid #000;
}
</style>
<body>
   <div class="blockDiv">
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
    </div>
</body>
</html>

WeChat開発でこれを見ることができますhttps://blog.csdn.net/saber123321/article/details/81988352

一般的に使用されるいくつかのflexプロパティがあります:

1.フレックス配置方向フレックス方向:行|行反転|列|列反転;水平開始点左|水平開始点右|垂直開始点上|垂直開始点下;

2. flex wrap flex-wrap:nowrap | wrap | wrap-reverse; no wrap | wrap、最初の行は上| wrap、最初の行は下;

3. flex justify-contentの水平方向の配置:flex-start | flex-end | center | space-between | space-around;左揃え|右揃え|水平中央揃え|等間隔揃え

4. flex align-itemsの垂直方向の配置:flex-start | flex-end | center |ベースライン|ストレッチ;上揃え|下揃え|垂直中央揃え|テキストベースライン|フルコンテナー(高さ設定なし)

5. flexプロパティはflex-grow拡大率、flex-shrink縮小率、およびflex-basis占有スペースの省略形であり、デフォルト値はそれぞれ0 1 autoです。最後の2つの属性はオプションです

flex:none; ==フレックス:0 0自動;

flex:auto; == flex:1 1 auto;

[js] Array(3)とArray(3、4)の違いは何ですか?

let arr1 = Array(3)// Array(3)は長さ3の空の配列を定義します

let arr2 = Array(3,4)// arr2 = [3,4]

【ソフトスキル】ハードコーディングって知ってますか?ハードコーディングはいつ使用されますか?

ハードコーディングとソフトコーディングの違いは、ソフトコーディングは実行時に決定および変更できること、ハードコーディングは変更できないことです。

コンピュータプログラムまたはテキスト編集では、ハードコーディングとは、変数変数を固定値に置き換える方法を指します。この方法でコンパイルした後、将来この変数を変更することは非常に困難です。

例:a = 2、b = 2;

ハードコード:if(a == 2)はfalseを返します。

if(a == b)がtrueを返す場合、ハードコードされていません。

おすすめ

転載: blog.csdn.net/vampire10086/article/details/108356106