[雑談]先端開発に花を添えるための追加知識

1960 ワード

他の人に何度も忠告して、他の人に鶏のスープを飲ませて、他の人を助けて穴を埋めて、自分で穴を落としました
1.はじめに
フロントエンド学習では,コード(html,css,js)の学習を重視する人が多い.いくつかのフレームワーク、ライブラリ(jquery、vue、react)、またはさまざまなツール(webpack、gulp).以前の文章の中で、あるいは自分で他の人と話をして、すべて他の人に多く練習することを提案したことがあって、退屈しないでコードを書いて、多く中の原理を深く理解して、その中の思想を勉強します.しかし、コードに関する知識のほかに、先端として学ぶべきものはどれですか.次に、最近勉強したリソースを簡単に羅列して整理します.他にもおすすめがあれば、コメントエリアにコメントしてください.
以下の知識は、あまり深く、詳しく身につける必要はないかもしれませんが、理解しなければなりません.このように開発に問題が発生し、問題を解決するときは、虎に翼を添えるのではなくても、花を添える必要があります.
2.http,https
フロントエンドでは、インタフェースと付き合うことは避けられません.バックグラウンドとインタフェースを合わせたり、データを要求したり、ページをレンダリングしたりする以外は.httpのリクエストについても、httpプロトコル、リクエスト方式、リクエストプロセス、結果ステータスコードなど、理解する必要があります.これらを理解して、開発の時に直面する可能性のある問題に対して、大体問題がどのように発生したのかを知っていて、もっと速くどのように解決して、避けることを知っています.
2-1.リクエスト
まず、リクエストヘッダ、リクエスト行、リクエスト本文を含むリクエストです.具体的にどのような状況なのか、次のコードを見てみましょう.
axios({
  method: 'post',
  url: '/user/12345',
  headers:{
    'Content-Type':'application/x-www-form-urlencoded'  
  },
  data: {
    firstName: 'Fred',
    lastName: 'Flintstone'
  }
});

上記のようにmethodおよびurlは、このリクエストのリクエスト行である(ここではリクエスト行の一部の情報であり、実際にはリクエスト行にはhttpプロトコルのバージョンなどの情報も含まれている).headersの属性は要求ヘッダ,中の属性であり,すべて要求ヘッダに含まれており,サービス側がクライアントバージョン,キャッシュなどの情報を取得する一つの方法である.dataは、要求本文、すなわち通常のパラメータに対応する.
2-2.応答
リクエストが送信され,応答が戻ってきたとき,メッセージは応答行,応答ヘッダ,応答本文に分けられる.
レスポンスライン
クラウドを参照するリクエストの1つを例として、以下のコードがこのリクエストの応答行であり、リクエストのhttpプロトコルおよびバージョン、ステータスコード、リクエストステータスなどの記述情報を返す.
テキストリンク