Welcome to FrontEnd #1


1.フロントエンド開発とは?


定義#テイギ#


  • フロントエンド開発は,ユーザが入力したデータを業務論理に従って処理し,サーバと通信し,入力したデータを出力し,設計を応用して造形するなどである.

  • 最終的な目標は、サービス・コンシューマのアクセス性と使いやすさの向上です.
  • 開発プロセス

  • 要求分析:開発プロジェクトを具体化し、技術方向性を確定する.(+シームレスコラボレーション)
  • 設計:機能、モジュールは主にサービス全体で使用される詳細な技術を研究し、応用してアーキテクチャを設計する.
  • 開発:設計、計画書に基づいて機能またはモジュールを開発し、バックエンド開発から独立した環境を創造する.
  • 導入:実際のサービス導入前にテスト環境を構成し、QAプロセスを繰り返し、導入を自動化する前にアプリケーションを導入するためのプロビジョニングを導入します.
  • 3.JavaScriptベース-タイプと構文


    Number


    整数範囲番号.MAX SAFE INTEGER(2^53-1)と番号です.MIN SAFE INTEGER(-(2^53-1)の間で定義します.あるいは不正な演算が発生します.
    これらの数値演算問題はNumberです.EPSILONによる解決

    String


    ほとんど問題ありませんが、特殊な文字列は実際に表される文字列の長さとは異なる場合があります.

    Symbol


    グローバル構成部品を作成し、既存の構成部品を検索して使用することもできます.毎回新しい構成部品を作成するのではなく、既存の構成部品を検索して使用することもできます.Symbol.for()メソッドを使用してグローバル構成部品を作成し、グローバル構成部品を使用する場合はprefixを使用して区切り、他のライブラリとの競合を回避することが望ましい.
    オブジェクトまたはクラスに固有のプロパティを作成するために使用します.衝突を心配することなく、意外な変更を防ぐことができます.

    BigInt


    BigIntは整数の後にnを加えて10進数文字として使用するか、BigInt()関数(構成部品に類似)を呼び出して作成します.
    BigIntタイプを使用すると、大きな整数を安全に演算できます.
    BigIntタイプは、数値タイプまたはMathオブジェクトのメソッドとともに計算できません.

    オブジェクト


    コンストラクション関数は、特定のシェイプのオブジェクトを作成または継承するときに使用します.
    このバインドがなければ、矢印関数はコンストラクション関数として使用できません.
    propertyにアクセスするには、カッコタグを使用する必要がある場合があります.変数を使用してpropertyにアクセスまたはアクセスするproperty名に演算子を含める場合は、カッコ記号を使用する必要があります.
    アクセス・オブジェクトに存在しないプロパティの場合、定義されていない値が返されます.
    プログラムが存在する場合は既存のプログラム値を更新し、存在しない場合は新しいプログラムを追加するプログラムを動的に作成および更新できます.
    アクセス者プロセスはget/set構文定義を使用します.
    アクセス者プロバイダは、プロバイダ値を更新するときに、通常、有効性を検証したり、条件に応じて異なる値を返したりするために使用されます.
    Object.defineProperty()メソッドでは、1番目のパラメータとしてオブジェクト、2番目のパラメータとして追加または更新されたProperty名または構成部品が渡されます.次に、property記述子を定義したオブジェクトを最後のパラメータで渡します.
    property記述子にはconfigurable、enumerable、wirtable、value、get、setがあります.
    Property記述子は、オブジェクトPropertyの基本動作を制御したり、ライブラリを作成したりするときに便利です.

    整列


    配列はオブジェクトですが、整数型インデックスに基づいた特殊なデータです.
    すべてのタイプの値は、非均質配列と呼ばれる要素として使用できます.統合型のデータを使用することが望ましい.
    疎配列とは、配列要素が不連続で、中間が空の配列を指す.使用禁止.
    const arr = [];
    
    arr[0] = 1;
    arr[2] = 2;
    
    console.log(arr);			// [1, empty, 3]
    console.log(arr.length);		// 3
    上記の出力の結果は、undefinedが割り当てられているのとは空です.
    shift(), unshift(), push(), pop(), splice(), sort()
    concat(), slice(),
    map(), forEach(), filter()

    類似パターンオブジェクト


    length propertyとして、正の整数値を持つオブジェクトの配列として使用できます.ただし、類似配列体であるため、配列の組み込み方法は使用できない.
    代表的なのはJavaScript関数のargumentsオブジェクトです.文字列も含まれます.
    この場合,配列の組み込み方法はcall()またはapply()関数と組み合わせて用いられる.

    パッキンオブジェクトパッキンオブジェクト


    文字列のプロパティにアクセスすると、JavaScriptは内部で文字列値を使用して一時オブジェクトに変換します.最終アクセスが終了すると、作成したオブジェクトがメモリから削除されます.javascriptでは、この過程を博識ボクシングと呼ぶ.
    ミシン中に生成される一時オブジェクトをエンベロープオブジェクトと呼びます.Rapperオブジェクトには文字列、数値、ブールタイプのみが存在し、各タイプに対応するネイティブジェネレータにはString()、Number()、Boolean()があります.

    開封する


    取り外しは取り外しとは逆に、ラップ歌手オブジェクトを元のタイプに変換します.valueOf()メソッド実行を明示的に呼び出します.
    通常、この変換は、値を別のタイプに変更する場合に実行されます.

    式の式


    式は値で測定される構文です.
    変数に値を割り当てるのも式です.
    複数の式を結合して複合式と呼ぶ.

    ステートメント


    ドアは指示です.
    文を作る簡単な方法は、付与効果のある式を実行することです.
    文として使用できる式を式文と呼びます.
    付与効果のある式には、付与式や関数呼び出しなどの式があります.

    算術演算子


    演算子が数値に変換できない文字列である場合、単項(+)演算子はNaNを結リンゴ値として返します.

    論理演算子


    非ブール値は、論理演算子の被演算子としてもよい.
    真の値と偽の値があります.
    false値false、null、undefined、NaN、"、0、および0 nは、この7つの値を除いて、すべての値がtrutty値です.
    空の配列[]で、空のオブジェクト{}はtruthy値です.空の配列を凸推定する場合は、長さパーセントを使用します.

    たんらくひょうか


    前の式が満たされている場合、後の式は評価されません.この方式を段落評価と呼ぶ.
    通常の例の1つは、条件に基づいて関数を呼び出すことです.
    if(x > y){
      doSomething();
    }
    
    x > y && doSomething();

    関係演算子


    (==)暗黙的強制変換を許可し、(===)厳密なピア演算子では暗黙的強制変換は許可されません.
    In演算子は、オブジェクトに特定のプロパティがあるかどうかを決定する演算子で、右側にオブジェクトタイプが必要です.左側の評価値が右側のオブジェクトのプロパティの場合、
    const obj = { a:1, b:2 }
    console.log('a' in obj);	// true
    console.log('c' in obj);	// false
    instanceof演算子は、左側の被演算子が右側の被演算子であるか否かを判断する演算子である.右側にコンストラクション関数またはクラス(正確には呼び出し可能なオブジェクト)がある必要があります.
    instanceof演算子は,内部でプロトコルタイプチェーンと呼ばれるメカニズムを用いてインスタンスであるか否かを判断する.

    ビット演算子


    バイナリ演算を実行しますが、アップルの値を結ぶとjavascriptの数値が返されます.
    左切替演算には2倍の効果があり、右切替演算には2で割った効果があります.
    10100 << 1			// 101000: 40
    10100 >> 1			// 1010: 10

    カンマ演算子


    2つの被演算子があり、任意のタイプの被演算子が来ます.右側の被演算子の評価値を最終結果として返します.forは、重複文のループ変数を更新するために使用できます.
    for(let i=0;, j=0; i<j; i++, j--){
      // ...
    }

    タイプ演算子


    typeofnullの結果はnullではなくobjectで、これは初期javascript設計のエラーによるエラーです.nullタイプかどうかを決定するには、厳密なピア演算子を使用して検証します.

    演算子の優先度


    複数の演算子の場合にどのような順序で処理されるかを定義するルールを演算子優先度と呼びます.
    let x = 2, y;
    
    y = x++, x;
    
    conjsole.log(y);	// 2
    カンマ演算子は、最後の評価値を返すことを学びました.ただし,2のin-insonとカンマ演算子の優先度は割当て演算子より低いためである.( , ) > ( = )
    壮大なサムネイルよりもかなり硬い文章です実はあまり雄大ではないかもしれません.
    申し訳ありません.実は申し訳ないとは思いません.
    これは簡単な整理用の文章で、後で混同された内容や新しい認識の内容を簡単に閲覧することもできます.今重要なのはスピードです.
    じゃ、お先に失礼します.