フロントラインを学びます
- 根拠（CSS、HTML、JavaScriptの）
- JSライブラリ
- フロントエンドフレーム（MVVM）
- ブラウザとコンピュータの基礎知識
- フロントエンドエンジニアリング
- パフォーマンスの最適化
- Nodejs
- データ構造とアルゴリズム
学習目標
まず、ビッグスリー
CSS
- ボックス（スタンダード＆IE）
- フレックス、フロート
- 一般的なCSSセレクタ
- CSSセレクタの優先ポール＆ウェイト
- IFCと理解BFC
- 変換、トランジション、アニメーション等
- 唯一の理解に応答
H5
- セマンティックタグ
- キャンバス
- ローカルストレージ（差のlocalStorage、のsessionStorage、クッキーの）
- ビデオとオーディオの使い方
- アプリケーションキャッシュ（キャッシュマニフェスト）
JavaScriptを
- JSのデータ型：ベースタイプ＆参照タイプ
- この
- 有効範囲（スコープチェーン）
- プロトタイプ＆プロトタイプ継承チェーン＆
- クロージャ
- レキシカルスコープと動的範囲
- JavaScript実装メカニズム
- 約束＆非同期
第二に、ライブラリツール
- jQueryの：静的なHTMLの開発に有用で動作してDOMのAPIの様々なコレクション、
- Zepto：移動端jQueryの（簡体字）
- モーメント：日付と時刻の操作ライブラリ
- lodash：JSライブラリの操作
第三に、フレームのフロントエンド
フロントエンドフレーム：など、反応して、Vueの道バインディング、データ駆動型のビュー、Vueの、単一のデータ・ストリーム
- ：基本的な原則に応答のVueの応答性の原則、リアクトとVueの応答は対照的
- 公開されたサブスクリプションモデル：理解JSは、パブリッシュ・サブスクライブ・モデル
- 仮想DOMは理解して：あなたはVirtualDOMを知りません
- ルートのフロントエンドの原則：Webフロントエンドの分析と実装の原則をルーティング、網易クラウド教室-vue・ルーターソース
- nextTicekの原則：$ nextTick原則
- SETSTATEの原則
- diffのアルゴリズムは：差分アルゴリズムの理解に反応します
- 単一ページのアプリケーション（SPA）の原則と長所と短所：リファレンス
第四に、ブラウザ＆コンピュータの基礎
- ブラウザのキャッシュメカニズム：強いキャッシング、キャッシング交渉、ブラウザのキャッシュメカニズム
- ブラウザでのJSの実施メカニズム：リファレンス
- 原則レンダリングページ：入力ページのURLから何が起こったのかへの負荷、
- ブラウザのセキュリティ問題：8大型フロントエンドのセキュリティ問題、8 大フロントエンドのセキュリティ（下）
- なぜブラウザ、クロスドメイン：なぜブラウザは、クロスドメインアクセスを制限する必要があります
- ページの最適化のアイデア
- HTTPとHTTPSの違い
- TCP / IPプロトコル
- スリーウェイハンドシェイクと4波
- CDNの役割と原則
- フォワードプロキシとリバースプロキシ機能
第五に、フロントエンドエンジニアリング
モジュラー
- JSモジュラー
- モジュラーCSS
- モジュラーリソース
コンポーネント化
- コンポーネント：スタイル（CSS）+ロジック（JS）はUIがダウンして分割する構造単位を特色にした各テンプレート（HTML）を含む+、私たちは、コンポーネントを呼び出します。
標準化
- コーディング規約
- インタフェース仕様
- 使用gitの
- コードレビュー
- UI要素の仕様
知識ポイント
- プロジェクト内のバベル、ESLint、WebPACKのおよびその他のツールの役割を理解します
- バベルのコア原則
- WebPACKのコンパイラ理論、ビルドプロセス、ホットアップデートの原則
- nginxのの基本的な理解
- Gitのワークフローを理解します
- 意義とモックのメリット
パフォーマンスの最適化
- フロントエンドのパフォーマンスメトリック、パフォーマンスの監視（パフォーマンス、灯台）
- 一般的なパフォーマンスの最適化プログラムいます
- SSRプログラムのパフォーマンスの最適化
- WebPACKのパフォーマンスの最適化
- 反応し、Vueの他の性能最適化フレームワーク
- ネットワークレベルの最適化
- ページレンダリングの最適化レベル
- 黒と白の最適化方式
Nodejs
- のアプリケーションでNodejs役割
- Expressと興亜との違い
- 類似点と根本的な動作原理Nodejsの違い、およびブラウザ
- 原理は非ブロックメカニズムをNodejs
データ構造とアルゴリズム
- スタック：チュートリアルのブログ
- キュー（リスト）：チュートリアルのブログ
- リスト：チュートリアルブログ
- コレクション：チュートリアルのブログ
- 辞書とハッシュテーブル：チュートリアルのブログ
- ツリー：チュートリアルのブログ
- アルゴリズム：leetCodeオンラインブラシタイトル
