フロントエンドのフレームワークとプロジェクトインタビュー - フォーカスヴュー、反応して、WebPACKの

• これは、背景とコースのコースの主な内容を説明します。

  •  1-1コースガイダンスルック

• 第2章コース

  最初のいくつかのインタビューZhentiは思考を導きました。学ぶために継続するための質問では、より良いです。

  •  いくつか見て顔の質問2-1 ルック

• 第3章Vueの使用

  Vueのは、強制的なインタビューの内容のフロントエンドでは、まず、彼らはVueのを使用するために持っていることを確認しなければなりません。この章では、基本的な使用のVue、部品の使用、高度な機能と、これらの部品やインタビューの質問のVuexヴュー・ルータ、知識を説明しています。

  •  3-1 VUE使用 - クロストークのテストサイト
  •  3-2 VUE基本的な使い方
  •  3-3 VUE基本的な知識クロストーク-part2
  •  3-4 VUE息子どの通信コンポーネント
  •  通信コンポーネントVUEイベントをカスタマイズする方法3-5
  •  3-6 VUE父とコンポーネントのライフサイクル呼び出しシーケンス
  •  VUEどのような面接の高度な機能を検討する3-7
  •  彼らのVモデルを達成するための方法を3-8 VUE
  •  3-9 VUEコンポーネントのアップデート後の最新のDOMを入手する方法
  •  3-10スロットとは何ですか
  •  ダイナミックコンポーネント3-11 VUEとは何ですか
  •  どのように3-12 VUE非同期ロードのアセンブリへ
  •  3-13 VUEどのようにキャッシュ・コンポーネントへ
  •  どのように3-14 VUEは、共通の論理コンポーネントを引き抜きます
  •  3-15 VUEの高度な機能の知識の概要
  •  3-16 vuex知識クロストーク
  •  3-17 VUE-ルータ知識クロストーク
  •  3-18 VUEの使用 - 概要と評価テストサイト

• 第4章Vueの原則

  その彼らのインタビューの競争力を確保するために、我々はVueの、多くの場合、テスト・面接面接や先進的なメーカーのフロントエンドの原則を把握する必要があります。この章では、多くの場合、テストの知識ポイントと顔の質問をレンダリングする仮想DOM、Vueの原則のdiffアルゴリズム、応答、テンプレートコンパイラ、コンポーネントを、説明しています。

  •  4-1 VUE原則-大昌強制ルック
  •  MVVMを理解する方法4-2
  •  どのようなコアAPIで4-3モニタデータの変更であります
  •  4-4の深さのデータ変更を監視する方法
  •  変更4-5 VUEの配列を監視する方法
  •  赤4-6、DOM仮想ネットワークインタビュー
  •  4-7は、仮想DOMを使用しました
  •  4-8仮想DOM-diffのアルゴリズムの概要
  •  4-9深度差分アルゴリズムのソースコード - 生成されたvnode
  •  4-10深度差分アルゴリズムのソース-patch機能
  •  4-11深度差分アルゴリズムのソース-patchVnode機能
  •  4-12深度差分アルゴリズムのソース-updateChildren機能
  •  4-13仮想、DOM概要やレビュー、テストサイト
  •  4-14コンパイル済みのテンプレート構文の知識-with
  •  4-15 VUEテンプレートは何にコンパイルされます
  •  4-16 VUEは、アセンブリテンプレートに置き換えることができるレンダリング
  •  4-17レビューと評価すでに学んだ知識
  •  どのように4-18 VUEコンポーネントには、レンダリングされ、更新されます
  •  4-19 VUEコンポーネントが非同期レンダリングです
  •  ハッシュにJSでのルーティング方法4-20
  •  JSでH5履歴をルーティング実装する方法4-21
  •  4-22 VUE原則 - 概要と評価テストサイト

• 第5章VueのインタビューZhenti運動

  完了し、Vueの原則を使用した後、それは模擬面接だろう。この章では、学習成果を検証し、新しいことを学ぶのを助けるために、多くの場合、顔の質問にテストのVueの多くを提供します。

  •  5-1 VUE Zhentiは、1-V-のキーを使用してを行使する理由
  •  なぜ5-2 VUE試験成分データは、運動の関数であります2-
  •  5-3 VUE試験はキープアライブ使用してウォークスルーする場合、3-
  •  5-4 VUE試験の4-行使に必要なbeforeDestroy
  •  5-5 VUE試験は、アルゴリズムの5-diffの時間の複雑さをドリル
  •  5-6 VUE Zhenti演習6-VUE一般的なパフォーマンスの最適化

• 第6章Vue3事前調査

  Vue3は間もなくリリース。この章では、Vue3アップグレードについて説明し、プロキシが応答実装を使用します。Vue3他のコンテンツは、最新の、使用後に、リリースされます。

  •  6-1 vue3まだ時代遅れvue2来ます
  •  6-2プロキシ基本的な使用-part1
  •  6-3プロキシ基本的な使用-part2
  •  6-4 vue3応答プロキシによって実装

• 第7章では、使用に反応します

  そして、Vueのように、必要に応じて面接スキル、研究と高い確率メーカーで反応します。章では、基本的な使用、高度な機能、パフォーマンスの最適化、およびその他のコンテンツの知識の再来と面接の質問を説明して反応します。

  •  7-1は、使用に反応 - クロストークのテストサイトを
  •  7-2 JSX基本的な知識のクロストーク
  •  条件を決定し、リストをレンダリングする方法を7-3 JSX
  •  7-4は、このイベントをバインドリアクトなぜ
  •  7-5との違いは、イベントとDOMのイベントに反応します
  •  7-6は、フォームの知識を反応させるのクロストーク
  •  7-7は、親子通信コンポーネントに反応します
  •  なぜ7-8 SETSTATE不変値
  •  7-9 SETSTATE同期または非同期
  •  7-10 SETSTATE適切な状態を合併しました
  •  7-11は、コンポーネントのライフサイクルを反応させます
  •  7-12は、基本的な使用に反応 - 知識の概要とレビュー
  •  機能コンポーネントとクラスアセンブリは7-13リアクト違いは何ですか
  •  7-14非制御コンポーネントがどのような反応しています
  •  シーンが必要なものを7-15は、ポータルに反応します
  •  7-16が使用されているコンテキストに反応
  •  どの7-17には、非同期ロードのアセンブリに反応します
  •  7-18は-SCUにコアの問題のパフォーマンスの最適化をどこに反応されます
  •  7-19は、パフォーマンスの最適化と反応-SCUデフォルトのリターンは何ですか
  •  7-20は-SCUは、パフォーマンスの最適化不変の値を満たしている必要がありリアクト
  •  7-21は、パフォーマンスの最適化-PureComponentとメモに反応します
  •  7-22は、パフォーマンスの最適化に反応 - immutable.js学びます
  •  7-23は、高次成分が反応何ですか
  •  7-24は、小道具をレンダリングどう反応しています
  •  7-25は、高度な機能のテストサイトの要約に反応します
  •  7-26 Reduxのテストサイトのクロストーク
  •  7-27は、個々のデータ・ストリームReduxのを記述します
  •  7-28クロストークが反応-Reduxの知識ポイント
  •  非同期7-29 Reduxのアクションを処理する方法
  •  Reduxのを概説7-30ミドルウェアの原則
  •  7-31クロストークが反応ルータ知識点
  •  7-32は、使用に反応 - テストサイトの概要を

• 第8章では、原則的に反応します

  そして、Vueのは、スタッフの原則を理解してリアクトの使用を開発するために、より必要性に比べ、インタビューが研究の焦点となります。この章ではJSXコンパイルされ、イベントメカニズム、batchUpdateメ、コンポーネントの更新知識や顔の質問には試験をレンダリングするので、多くの場合、原則的に反応について説明します。

  •  クロストークのテストサイト - 8-1原則に反応します
  •  再び8-2レビュー不変の価値
  •  8-3 VDOMとの差分が反応達成するためのコア技術であります
  •  8-4 JSXの本質とは何ですか
  •  8-5は、イベントメカニズム反応の合成について述べています
  •  batchUpdateメメカニズムについての話の8-6が反応します
  •  8-7簡潔には、トランザクションのメカニズムに反応します
  •  8-8は、コンポーネントが反応更新およびレンダリングのプロセスについて語ります
  •  どのように8-9が反応繊維の最適化性能を
  •  まとめと検討テストサイト - 8-10は、原則に反応します

• 第9章では、インタビューZhenti運動に反応します

  使用と原則に完成した学習を反応させ、そしてそれは模擬面接だろう。この章では、学習の成果を検証する助けに、多くの場合、テストの顔の質問に反応し、新しいことを学ぶの多くを提供します。

  •  9-1がどのように反応するか通信コンポーネント間のZhenti運動-1-
  •  9-2 Zhenti運動に反応-2- AJAXライフサイクルに置かれるべきです
  •  9-3試験ドリルに反応-3-共通論理的方法を離脱アセンブリ
  •  9-4はZhenti演習を反応させるの一般的なパフォーマンスの最適化を-4反応します
  •  9-5の間の差はZhenti運動に反応-5-反応しヴュー

• 第10章のWebPACKとバベル

  WebPACKのフロントエンド、強制面接内容、特にパフォーマンスの最適化のために不可欠なツールです。この章では、WebPACKの一般的な構成、詳細なパフォーマンス最適化ツールを説明バベルがあります。最後に、我々は表面にインタビューZhenti運動を行うには、多くの場合、試験問題を提供します。

  •  10-1のWebPACKコーミングテストサイト
  •  クロストーク10-2 WebPACKの基本構成（A）
  •  10-3 WebPACKの基本構成クロストーク（低級）
  •  複数のエントリに10-4のWebPACKを構成する方法
  •  圧縮されたCSSファイルをデタッチする方法10-5のWebPACK
  •  10-6のWebPACKに共通のコードやサードパーティのコードを引き抜く方法
  •  非同期読み込みを実装する方法10-7 WebPACKのJS
  •  違いの10-8モジュールチャンク・バンドル
  •  10-9 WebPACKの最適化ビルドのスピード - 知識のクロストーク
  •  10-10は役に立たないファイルを無視IngorePlugin
  •  10-11 happyPackは何ですか
  •  10-12 WebPACKのホットアップデートを設定する方法
  •  10-13 DllPluginを使用するとき
  •  10-14 WebPACKの最適化ビルドのスピード - 概要と評価テストサイト
  •  10-15 WebPACKの最適化出力コード - クロストークのテストサイト
  •  木揺れている何10-16
  •  10-17 ESモジュールとCommonjsの違い
  •  10-18スコープホスティングとは何ですか
  •  10-19バベル基本的な概念のクロストーク
  •  10-20バベル-ポリフィルは何ですか
  •  オンデマンドで導入する方法を10-21バベル、ポリフィル
  •  10-22バベル-ランタイムとは何ですか
  •  10-23 WebPACKの概要やレビュー、テストサイト
  •  10-24 WebPACKのインタビューZhenti - パッケージ化フロントエンドコードなぜ
  •  10-25 WebPACKのインタビューZhenti - できない理由ポリフィルプロキシ
  •  10-26 WebPACKのインタビューZhenti - 一般的なパフォーマンスの最適化

• 第11章プロジェクトデザイン

  私は、プロジェクトの機能を設計することができるかどうか、使用および原則Vueの習得して反応？インタビューでは、プロジェクトの設計容量を検査します。この章では、プロジェクトの設計の一般的な方法の研究だけでなく、問題解決のアイデアや方法について説明します。

  •  インタビュー11-1は、コンポーネントの状態やデザインを検討する理由
  •  11-2状態のデザインのアイデアとポイント
  •  11-3コンポーネントデザインのアイデアとポイント
  •  11-4は、コードが実現todolistのを示していリアクト
  •  概要11-5コンポーネントの設計や状態の設計
  •  11-6のVueのリアライズカート - どのように設計します
  •  11-7のVueのリアライズどのようにショッピングカートの設計データ
  •  11-8 Vueのリアライズ・カート - コンポーネントの設計とコードが実証します
  •  11-9組み合わせvuexリアライズカート
  •  11-10テストサイトは、状態の設計とコンポーネントの設計をまとめています

• 第12章プロジェクトの流れ

  この章では、問題と解決策標準のフロントエンドプロジェクト開発プロセス、プロジェクトの役割を説明し、同様に遭遇することになるプロジェクトインチ あなたのプロジェクトの経験を絞り込むヘルプ、職場では「古いドライバ。」となっています

• 第13章教訓

  主な内容と知識のコースをまとめたもの

   

  コースリンク：リンク：https://pan.baidu.com/s/1Px7Am5znLH6sBEifWIV1Bg抽出コード：rghu

  リンクは仕事をしない場合、私に連絡。一緒に学びましょう。

  ​​​