2019年4月前端週記

本文は学習ノートを読むために、原文は原文のテーマのリンクを突いてください:
第1週

すべての開発者へのReact Native詳細入門ガイド(第1段階)

index.android.jsとindex.ios.jsはそれぞれAndroid携帯電話とiOS携帯電話のプログラム開始の入口

として機能している.

RefreshControl(ドロップダウン・リフレッシュ)

伝統Ajaxはすでに死んで、Fetchは永遠に

fetch API promise設計

に基づく

主に非同期処理とPromise

について話します.

await+fetch

を使用

 try {
  let response = await fetch(url);
  let data = response.json();
  console.log(data);
} catch(e) {
  console.log("Oops, error", e);
}
//  ：         ，        async function

ホモアプリケーション用isomorphic-fetch

Fetchリクエストのデフォルトはクッキーなしで、fetch(url, {credentials: 'include'})

を設定する必要があります.

【フロントエンド辞書】入力URLから、どのようなキャッシュに関するかを示すコーナー(非常に詳細)

アドレスバーURLキャッシュ

HSTSプリロードリスト

を確認する.

DNSキャッシュ

ARP(アドレス解析プロトコル)キャッシュ

TCP送信バッファ&受信バッファ

HTTPリクエストキャッシュ(CDNノードキャッシュ、プロキシサーバキャッシュ、ブラウザキャッシュ、バックエンド動的計算結果キャッシュなど)

強キャッシュ優先度>ネゴシエートキャッシュ優先度

強キャッシュ:Cache-ControlがExpiresより優先度が高い

ETag優先度>Last-Modified優先度.

第2週

ブラウザページのレンダリングメカニズムを知らない

DOMの構築中:

バイトデータ=>文字列=>Token=>Node=>DOM.

Tokenは、現在のtokenがstartTagであるかendTagであるかを識別します.

DOMを構築する過程で、すべてのTokenが変換されてからノードオブジェクトを生成するのではなく、Tokenを生成しながらTokenを消費してノードオブジェクトを生成する.つまり,各Tokenが生成されると,このTokenを消費してノードオブジェクトが作成される.

レンダリングツリーを構築するには、次の手順に従います.

レンダリング中にjsに遭遇した場合、DOMのコンストラクションをブロックするだけでなく、CSSOMもDOMのコンストラクションをブロックします.

jsはDOMを変更するだけでなく、スタイルを変更することもできます.つまり、CSSOMを変更することもできます.不完全なCSSOMは使用できません.jsがCSSOMにアクセスして変更したい場合は、jsを実行するときに、完全なCSSOMを取得する必要があります.

したがって、ブラウザはCSSOMをダウンロードして構築してからJavaScriptを実行し、最後にDOMの構築を継続します.

gitタイムシャトル

git reflogすべてのgit操作

を記録する

git cherry-pick操作に必要なcommitを選択します.他のブランチでのcommitを変更し、現在のブランチに移植するために使用できます.

なぜ[]==false、そして!![ ] == true

loose comparision

『中国第5回CSS大会』参会総括

margin: auto

@supports

css-doodle

フロントエンド九部-入門者マニュアル2019

javascript-algorithms

フロントエンド面接問題(難しい)