デイリーものがたり(2020年3月17日)

トピックの概要

  • 一つだけのスペースを表示することができますなぜ以上のスペースに直接htmlの?
  • CSSと赤の愛を描きます
  • データ型変換のどのような理解であります

答えの対象

一つだけのスペースを表示することができますなぜ以上のスペースに直接htmlの?

  • CSSの空白制御によるこの動作は、デフォルト値は、複数のスペースに圧縮され、通常のパフォーマンスです

  • 属性値は、同様に事前に、ラップを事前に設定された複数の空間を表示することができます

    正常 デフォルト。ブランクは、ブラウザによって無視されます。
    ホワイトスペースは、ブラウザを予約されています。彼らの行動は、HTMLに似ている<pre>タグ。
    NOWRAP テキストは、それが遭遇するまで、テキストが同じ行に続けます折り返されません<br>ラベルまで。
    前のラップ 空白の文字列が、通常のラインフィード。
    前行 空白のシーケンスを結合しますが、改行を保持します。
    継承 提供は親要素からホワイトスペースプロパティの値を継承する必要があります。

CSSと赤の愛を描きます

.heart {
      position: relative;
      width: 100px;
      height: 90px;
    }
    .heart:before,
    .heart:after {
      position: absolute;
      content: "";
      left: 50px;
      top: 0;
      width: 50px;
      height: 80px;
      background: red;
      border-radius: 50px 50px 0 0;
      transform: rotate(-45deg);
      transform-origin: 0 100%;
    }
    .heart:after {
      left: 0;
      transform: rotate(45deg);
      transform-origin: 100% 100%;
    }

データ型変換のどのような理解であります

  • データ型の変換が等しく決定されます

    • 彼らは唯一の同じ型に変換することができます

      [-1] > 0;    // false,实为 -1 > 0
      [-1] > '';   // true,实为 '-1' > ''
      
      // 这也就是下例结果的原因
      0 == '0';   // true
      0 == [];    // true
      '0' == [];  // false
    • そして、ブール型の値をデジタルに変換され、

      '0' == true;  // false,实为 0 == 1
    • 文字の文字列よりも少し異なるがのサイズを決定します

      '1' > '-1';   // true,实则为 1 > -1,反例 '1' > '1.1' 为 false
      'a' > 'A';    // true,实则为 97 > 65,反例 'a' > 'b' 为 false
      'a' > -1;     // false,这里不知是不是转成了 NaN > -1
      'a' > '';     // true,这个也不知是不是 97 > undefined
    • NaNは基本的に意味するものではありません、判断できない彼らの

      NaN > -1;      // false
      NaN  === NaN;  // false
    • そこ-0の面で特別なケースではありませんが、裁判官の意志の分母がゼロでない場合は、この後、何の心配

      0 === -0;           // true
      (1/-0) === (1/0);   // false
    • nullとundefined非常にユニークな、予備的見解は、それが裁判官と同等の変換のタイプではないということですが、私は判決の時点でサイズがわかりません

      null > 0;     // false
      null == 0;    // false
      null >= 0;    // true
      
      undefined == undefined;  // true
      undefined <= undefined;  // false
  • 分析だけであれば、他のブール()の変換

    それは付属しましたif ?: && ||

  • 数および解析機能

    • 数よりのparseIntエネルギー変換よりも、そのようなは、AS "" Infinity [] trueのparseIntが返されるNaNと、数値の値を有します。

      Number('');     // 0
      parseInt('');   // NaN
      
      Number([1, 2]);    // NaN
      parseInt([1, 2]);  // 1
      
      Number(null);          // 0
      Number(undefined);     // NaN
      parseInt(null);        // NaN
      parseInt(undefined);   // NaN
    • また、デジタル化されたプロセスの両方が違いがあります

      Number('1.') == parseInt('1.') == parseInt('1,') == 1
      Number('1x') == NaN
  • 計算型変換

    +' 014'   // 14
    +'0x12'   // 18
    
    1 + '14'    // '114'
    1 + '0x12'  // '10x12'
    1 + +'14'   // 15
    '14' + 1    // '141'
    
    1 + [1, 1];     // '11,1'
    1 + {};         // '1[object Object]'
    
    1 + null;       // 1
    1  +undefined;  // NaN
    
    ++'14'    // ReferenceError
    
    Infinity+Infinity;      // Infinity
    -Infinity+(-Infinity);  // -Infinity
    Infinity+(-Infinity);   // NaN
    
    +0+(+0);     // 0
    (-0)+(-0);   // -0
    (+0)+(-0);   // 0
  • ノートのToStringメソッドのアイテム

    String(null);        // 'null'
    (null).toString();        // Uncaught TypeError
    (undefined).toString();   // Uncaught TypeError
    
    (30).toString(16);    // "1e"
    ('30').toString(16);  // "30"
    
    [1,[2,"abc","",0,null,undefined,false,NaN],3].toString();
    // "1,2,abc,,0,,,false,NaN,3"
    
    (null).toString();   // Uncaught TypeError
    [null].toString();   // ''
  • ノートのJSON.stringifyアイテム

    JSON.stringify(Infinity);   // 'null'
    JSON.stringify(NaN);        // 'null'
    JSON.stringify(undefined);        // undefined (注:非字符串)
    JSON.stringify([undefined]);      // '[null]'
    JSON.stringify({a: undefined});   // '{}'
    JSON.stringify({a: null});        // '{"a":null}'
    JSON.stringify(() => {});         // 'undefined'

おすすめ

転載: www.cnblogs.com/EricZLin/p/12514296.html