アリの学校募集の元の質問から、大廠のフロントエンドの面接基準を見てください（分析付き!!!）

今年、大手インターネット企業は採用を急速に拡大しました。プログラマーにとっては、見逃せないチャンスです。多くの人は、アリのフロントエンドの技術職の要件についてあまり明確ではありません。彼らが望むかどうかはわかりません。インタビューに行きます。簡単な紹介をさせてください** AliP5フロントエンドエンジニアの技術的要件。**アリスクールは、レベルが高い限り、基本的にp5を募集します。

そして、アリババの就職面接官によって要約された内部面接情報をあなたと共有するために**「アリババフロントエンド学校採用面接質問の編集と分析の完全なコレクション」には、合計280ページの高解像度PDFがあります（記事の終わり）**、コンテンツにはより詳細な問題解決のアイデアが含まれています。それがすべての人の就職の準備に役立つことを願っています。

Aliのフロントエンドエンジニアはどのようなスキルを習得する必要がありますか？

P5-フロントエンドエンジニア職務要件：

フロントエンドの開発プロセスに精通し、主流のブラウザの技術的特性を習得する
JavaScript、HTML5、CSS3などのフロントエンドテクノロジーに精通している。
Canvas、CSS3アニメーション効果などの新しいWebテクノロジーとアプリケーションに精通している
モジュール化、フロントエンドのコンパイルおよび構築ツールに精通しており、ReactJS、AntDなどの設計原則を深く理解している。
アルゴリズムとデータ構造、コード品質、およびパフォーマンスの最適化について、高い理解とアプリケーションの実践を持っている

フロントエンドの学校採用面接の質問の分析

HTML

ブラウザページの3つのレイヤーとは何ですか、それらは何ですか、そしてそれらの機能は何ですか？
HTML5の長所と短所は？
Doctypeは何をしますか？厳密モードと無差別モードを区別する方法は？それらはどういう意味ですか？
HTML5の新機能と要素は何ですか？
作成したWebページがテストされているブラウザはどれですか。また、これらのブラウザのコアは何ですか。
すべてのHTMLファイルの先頭に非常に重要なDoctypeがありますが、これが何のためにあるか知っていますか？
HTML5についてのあなたの知識について教えてください（それは何ですか、なぜですか）
WEB標準とW3Cの理解と知識？
HTMLグローバル属性とは何ですか？
ハイパーリンクのターゲット属性の値と機能について話しますか？
iframeの欠点は何ですか？
ラベルの機能とは何ですか？また、どのように使用されますか？
ブラウザの複数のタブ間の通信を実現するにはどうすればよいですか？
キャンバスについてのあなたの理解について話しますか？
…

CSS

CSSボックスモデルについて説明しますか？
CSSセレクターの種類について話してください。また、それらの使用法を説明するためにいくつかの例を挙げてください。
CSSの何が特別なのか教えてください（優先順位、特別な値の計算）
一般的なブラウザの互換性の問題と解決策？
ディスプレイの値をリストし、それらが何をするのか説明しますか？
divを中央に配置する方法、フローティング要素を中央に配置する方法は？
フロートをクリアする方法をいくつか（少なくとも2つ）挙げてください。
ブロック、インライン、インリンクブロックの詳細の比較？
グレースフルデグラデーションとプログレッシブエンハンスメントとは何ですか？
フローティング要素によって引き起こされる問題とその解決策について話します
パフォーマンスの最適化方法は何ですか？
なぜCSSスタイルを初期化するのですか？
Webページの場所に応じて、どのタイプのCSSスタイルシートに分割できますか？
emとremの違いを教えてください。
…

JavaScript

clientHeight、scrollHeight、offsetHeightなどのjsのさまざまな位置、およびscrollTop、offsetTop、clientTopの違いは？
jsドラッグアンドドロップ機能の実装
jsメソッドを非同期にロードする
jsアンチシェイクとスロットル
閉鎖について話す
スコープチェーンについてのあなたの理解について話してください
JavaScriptプロトタイプ、プロトタイプチェーン？特徴は何ですか？
イベント委任/イベント委任とは何ですか？
Javascriptはどのように継承を実装しますか？
関数の実行はこれを変更します
バベル編集の原則
機能カリー化
クラスの作成と継承について話します
フロントエンドでのイベントフローについて話します
最初にイベントバブルを作成してからキャプチャする方法
写真の遅延読み込みと事前読み込みについて話します
jsの新しい演算子は何をしますか
関数内のこのポインターの関数へのポインターを変更します（バインド、適用、呼び出しの違い）
Ajaxはブラウザのキャッシュの問題を解決します
…