序文
フロントエンド側で基本的な知識を求める必要があります。基本的な知識を覆すと、フレームワークがどんなに優れていても、相手がそれを再び示す機会を与えないため、役に立ちません。基本のためにあなたのお気に入りを逃しません。会社。
（この記事は、卒業したばかりのクラスメートや卒業後2年以内の友達にのみ適している可能性があります。必要に応じて読んでください~~~）
面接の準備
1）面接履歴書を準備します。
- 基本的な個人情報：名前、年齢、連絡先番号、メールアドレス、専攻、学校など。
- 仕事の経験：労働時間、会社、役職、責任、技術スタック、卓越したパフォーマンスなどを含みます。
- 仕事の理解と習得：各スキルポイントが理解、親しみやすさ、習熟度、または習熟度のレベルであるかどうかを説明します。候補者の職務要件を正確に特定します。
- その他：技術ブログ、オープンソースプロジェクト、GitHubなど（ブログを書く習慣がある場合は、ブログアドレスを入力することは非常に良いボーナスアイテムです）
2）知識ポイントのレビュー
- フロントエンドの知識ポイント研究ノート
- フロントエンドの一般的な面接の質問の終了
- 申請会社の以前の面接の質問の的を絞ったレビュー
- 過去の面接経験と学習レッスンの要約とレビュー
3）考え方を調整します
。自信過剰と極端に低い自尊心は面接に良い結果をもたらしません。目標をクリアし、積極的に準備することによってのみ、オファーを得る可能性が高くなります。面接が失敗したとしても、落胆しないでください。代わりに、失敗の経験から学びましょう。面接の失敗はすべて、次の面接の成功の基礎になる可能性があります。
基本的な面接の質問
HTML
1. HTML構造のセマンティクスをどのように理解します
か？2。タイトルとalt属性について話します
3. Html5の新機能と削除された要素は
何ですか？4。ラベルの役割は何ですか？どのように使用されますか？
5.ブラウザはHtml5のオフラインストレージリソースをどのように管理およびロードしますか？6。iframe
の欠点は何ですか？
7、HTML W3C標準
8、Doctypeロール？厳密モードと混合モードを区別する方法は？それらの重要性は何ですか？
9。HTMLのグローバル属性は何ですか？
10、ビューポートのコンテンツ属性は
11に使用され、メタは
12に関連しています、テーブルレイアウトに対するdiv + cssレイアウトの利点は何ですか？
13、簡単に説明しますsrcとhref14の違い
。Webページの作成に使用される画像形式は何
ですか？HTML5ページにオーディオとビデオを埋め込む方法は？
CSS
1.水平センタリング2の方法方法
垂直センタリングの
3リンクと@import差
（両側の中央および適応幅が固定された）4. 3列のレイアウト
5 BFCの使用は何ですか
6 。フローティングをクリアするいくつかの方法7.CSS3
新機能
8、css3新しい疑似クラス-疑似要素
9、CSSスタイル
10を初期化する理由、IEボックスモデル、W3Cボックスモデル
11、CSS3 Flexbox（フレキシブルボックスレイアウトモデル）について説明してください）、および該当するシナリオ
12、いつdisplay：inline-blockにギャップが表示されないのですか？
13.インライン要素はfloat：leftの後にブロックレベルの要素になりますか？
14.アニメーションを手動で作成する必要がある場合、最小時間間隔はどのくらいだと思いますか。その理由は何ですか。
15. display：inline-blockはいつギャップを表示しますか？
16. CSSの重み、計算ルール
17. SassとLESSとは何ですか？なぜ誰もがそれらを使用する必要がありますか？
18.スタイラス、サスなど
の違いは何ですか？19。rgba（）と透明度の不透明度の違いは何ですか？
20、pxとem
21の違いは、cssを使用して連続アニメーション効果
22、再配置と再描画23を実現しますが、再配置と再描画
をトリガーするものは何ですか？
JavaScript
1. JavaScriptの基本仕様について話します
2.クロージャ
3、変数オブジェクト
4、スコープ
5、スコープチェーン
6、JavaScriptプロトタイプ、プロトタイプチェーンについての理解について話しますか？特徴は何ですか？
7.イベント委任とは
8.クラスの作成
9.継承を実装する方法は？
10、このオブジェクトの理解について話します
11、イベントモデル
12、新しい演算子は正確に何をしますか？
13、Ajaxの原則
14、Ajaxはブラウザーキャッシュの問題
を解決します15、クロスドメインの問題を解決する方法は？
16、話しますあなたのAMDCommonjsとCommonjs17の理解、jsの
7つの基本的なデータタイプ
、18、jsの組み込みオブジェクトは何ですか
、19、JSはオブジェクトを定義するためにどのようなメソッドが
必要ですか20、あなたは良い場所は何だと思いますかjQueryソースコード
21を書くには、nullとundefined
22の違い、ES6
23の理解、オブジェクト指向のプログラミングのアイデア
24、JSを介して配列
25を判断する方法、非同期プログラミング
26の実装、方向を理解するネイティブJavascript27の
ソートは、アレイ
28、アレイの重複排除
29、JSネイティブドラッグアンドドロップノード
30、ディープコピー、シャローコピー
31、スロットルとアンチシェイク
32、変数プロモーション33、JSのガベージコレクションメカニズムをすばやく中断します。
34.フロントエンドのモジュール化
35、jsシングルスレッド
36の理解、イベントループ
37の説明、この38の説明
、ajax、axios、fetchの違い
ブラウザ
1.
ブラウザの保存方法は何ですか？2。ブラウザカーネルの理解
3.HTTPリクエスト方法のシナリオ
4.HTTPステータスコード
5.ブラウザのアドレスバーからURLを入力するとどうなりますか？
6、
Cookieの長所と短所7、Cookie、sessionStorageとlocalStorageの違い
8、ブラウザのキャッシュ
9、ブラウザのレンダリング手順
10、GETリクエストとPOSTリクエストの違い
11、リフロー
12とは何ですか？リフローは起こりますか？
13.リフローがパフォーマンスに与える影響を減らします
パフォーマンスの最適化
1. SEO最適化
2、サーバー最適化
3、css最適化
4、jsアスペクト
5、webpack最適化ポイント
6、読み込み最適化
7、ページレンダリング最適化
8、画像最適化
9、スクリプト最適化
10、なぜ複数のドメイン名を使用してWebサイトリソースを保存するのか効果的ですか？
スペースに限りがあります。面接の質問が必要な場合は、ここをクリックして、「フロントエンドの基本的な面接の質問」と「350ページのフロントエンドの学校採用の面接の質問の編集と分析の完全なコレクション」の完全なPDFバージョンを無料で入手できます（質問と分析を含む）。
その他の面接の質問
「350ページのフロントエンド学校採用面接質問の編集と分析」のコンテンツ概要には、主にHTML、CSS、フロントエンドの基本、フロントエンドコア、フロントエンドの高度なモバイル端末開発、コンピューターの基本、アルゴリズム、およびデータが含まれます。構造、プロジェクト、キャリア開発など。
