2020-08-15 htmlの置き換え可能な要素と置き換えられない要素+ cssのテーブルセル+ JSオブジェクトでのキー値のソート+ iosとandroidのソフトスキルの2つのダウンロードリンクが1つのQRコードにマージ

2020-08-15件名の出典：http://www.h-camel.com/index.html

[html] html要素のどのタグが置換できない要素ですか？交換可能な要素とは何ですか？

1.交換可能な要素：交換された要素は、ラベルが交換されることを意味します。imgオブジェクトビデオテキストエリア入力を含む、特定の状況下で置き換え可能な要素、オーディオキャンバス

専門的な定義：コンテンツはCSS視覚フォーマットモデルによって制御されません。CSSレンダリングモデルはこのコンテンツのレンダリングを考慮せず、要素自体には通常、置換と呼ばれる固有のサイズ（幅、高さ、アスペクト比）の要素があります素子。

2.交換不可能なエレメント：交換不可能なエレメント。残りのエレメントは交換不可能なエレメントです。

[css] display：table-cellを使用するためのアプリケーションシナリオは何ですか？

1.複数行のテキストが垂直方向に中央揃えになり、親要素がdisplay：tableに設定され、子要素がdisplay：table-cell; vertical-align：center; body {background：#ccc;} div {display：table; text-align：centerに設定されます。 ; margin：100px auto; background：#fff;} p {display：table-cell; vertical-align：middle; width：500px; height：200px;}

<div>
    <p>
        hello world <br />
        hello world <br />
        hello world <br />
        hello world
    </p>
</div>

2.同じ高さのレイアウト。同じテーブル行の下のセルの最終的な高さは、すべてのセルの中で最も高い値に等しくなります。

<div class="table-cell" id="cell1">cell1</div>
<div class="table-cell" id="cell2">cell2</div>
<div class="table-cell" id="cell3">cell3</div>
<div class="table-cell" id="cell4">cell4</div>

.table-cell {
    display: table-cell;
}

#cell1 {
    height: 50px;
}

#cell2 {
    height: 60px;
}

#cell3 {
    height: 80px;
}

#cell4 {
    height: 100px;
}

次に、テーブル行の高さ、すべてのセルの高さは100pxに統一されます

3.アダプティブ2列のレイアウト、左側が固定幅、右側がアダプティブ幅

<div id="container">
<div id="left">content goes here...</div>
<div id="right">content goes here...</div>
</div>

#left {
    float: left;
    width: 150px;
}

#right {
    display: table-cell;
    width: 9999px;
}

#container {
    overflow: auto;
}

4.一定幅のレイアウト

<div id="container">
<div class="cell">content goes here...</div>
<div class="cell">content goes here...</div>
<div class="cell">content goes here...</div>
</div>

#container {
    display: table;
    table-layout: fixed;
    width: 450px;
}

.cell {
    display: table-cell;
}

[js]オブジェクトのキーをソートするメソッドを記述します

配列の並べ替えでは、sort（）メソッドを使用しますが、これはビットごとの比較なので、sort（（ab）=> {retrun ab}）;を昇順で処理する必要があります。

オブジェクトのキー値に従って並べ替えるには、キー属性値を並べ替えパラメーターとして使用できます。

var arr = [];   //一个存储对象的数组   两个属性  分别为key  value
//排序函数
  function compare(str) {
    return function(obj1, obj2) {
        var value1 = obj1[str];
        var value2 = obj2[str]
        if (value1 < value2) {
            return 1;
        } else if (value1 > value2) {
            return -1;
        } else {
            return 0;
        }
    }
}

arr.sort(compare("key"));

[ソフトスキル] iOSとAndroidの2つのダウンロードリンクがあります。それらを1つのQRコードに統合するにはどうすればよいですか？

生成ツールhttps://www.hotapp.cn

1. iOSシステムデバイスをスキャンする場合

それがWeChatスキャンの場合、最初のステップで中間ページが使用されるため、現時点では直接App Storeにジャンプできないため、右上隅のブラウザーをクリックしてApp Storeダウンロードページを開くようユーザーに促すプロンプトページを提供する必要があります。

WeChat以外のアプリでスキャンされた場合は、App Storeダウンロードページに直接移動します

2. Androidシステムデバイスでスキャンする場合

WeChatスキャンの場合

アプリのダウンロードページにジャンプできます

または、右上隅にあるブラウザをクリックしてAPKを開いてダウンロードするようユーザーに促すプロンプトページを表示できます

WeChat以外のアプリでスキャンされた場合は、直接ジャンプしてAPのダウンロードを開始します

リンク：https://www.jianshu.com/p/7f6b40185cf4