おそらく、フロントエンドを使い始めたばかりの多くの学生は、次のように考えるでしょう。2021年のフロントエンドの未来はありますか？

WeChatアプレットの人気とアプリのダウンロードにより、Webページ用に残されたスペースはますます小さくなりますか？あなたが大企業であるかどうかは関係ありませんが、中小企業の場合、Webページの作成にエネルギーを費やすのではなく、公式アカウント用の小さなプログラムを開く方がよいでしょう。では、フロントエンドを学ぶための未来はありますか？

実際、フロントエンドは単なるWeb開発以上のものです。WeChatアプレットとアプリは、実際にはフロントエンドカテゴリから切り離せません。特に、WeChatミニプログラムはほとんどフロントエンドの独占であり、フロントエンドエンジニアとして「ミニプログラム」の方向にのみ、次のことができます。

WeChatミニプログラムを深く育成し、企業におけるWeChatミニプログラムビジネスをサポートします
Alipayアプレット、Baiduアプレット、その他のサービスを含むマルチプラットフォームアプレットの水平方向の拡張
ミニプログラムに基づいて、ミニプログラムの関連するフレームワークを開発します。たとえば、成熟したtaro、mpvueなど、これらのフレームワークには、コンパイル時と実行時に学習ポイントと最適化ポイントがあります。
マルチプラットフォームの小規模プログラムについて、クロス小規模プログラム開発技術とクロスターミナル開発技術を研究する
アプレットの最下層を垂直に育成し、最終技術まで拡大

さらに、フロントエンドの境界は次のように無制限です。

NodeJSテクノロジーに基づいて、フロントエンドはバックエンドフィールドに入ることができます
ハイブリッドまたはReactNative、さらにはFlutterテクノロジーに基づいて、フロントエンドはクライアント側の方向に進み、柔軟で効率的な価値を発揮できます
tensorflowjsでさえ、機械学習のホットスポットをこすることもできます

これらは技術的にすぐに利用できる指示です。要するに、強力な言語の活力とコミュニティに基づいて、フロントエンドの開発は、長い間活発で進取的なものであり続けるでしょう。

以下では、現在のフロントエンドの需要と将来の（お金の）状況を、求人の観点から見ていきます。

フロントエンドの採用に対する需要は常に強く、資本の寒い冬でも、仕事のギャップは依然として非常に大きいです。
フロントエンドの給与は上昇しており、少なくともバックエンド/クライアント側の技術職と同じです。

私とヘッドハンターの間のいくつかの交換：

もちろん、ユーザーに最も近い技術的立場として、フロントエンドは「製品の成長」、「製品の運用」、「製品の設計」のリンクにおいて主導的な役割を果たします。このため、フロントエンドの将来も国境を越え、ビジネス開発をリードし、業界の新しいパターンを定義することさえできます。

総括する

フロントエンドに限らず、フロントエンドから開始します。クライアントの実装者に限定せず、製品プログラミングに参加し、フロントエンドを洗練し、ビジネスを理解し、バックエンドを理解します。

私が最近まとめたフロントエンドの学校採用面接に関する実際の質問のコレクションをあなたと共有することを恥ずかしく思います。

Tencent、ByteDance、Baidu、Ali、Didi、Meituan、58、Pinduoduo、360、Sina、Sohu、その他の一流インターネット企業が質問にインタビューしました。みんながフロントエンドの学校募集に参加するのに役立つことを願っています！

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はブラウザのキャッシュの問題を解決します
…