技術共有

ビッグフロントエンドホットスポットテクノロジー

2024-07-08

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

序文

2018 年以降、フロントエンド全体の開発は安定しており、主要な主流フレームワークの機能や新しいホイールは少なくなりましたが、複数の端末の統合、上流と下流の効率向上、およびいくつかの細分化にはまだ注目すべき点がたくさんあります。 。 期待される。

この記事では、Web、ノード、マルチターミナル、IoT、インテリジェンスの 5 つの分野におけるこの 1 年間の大きなフロントエンドの方向性の発展に基づいて、注目に値するいくつかの大きなフロントエンドの注目技術を整理します。 22歳。

1 ウェブドメイン

ここで言う Web 分野とは、主に従来の PC 側アプリケーションやミッドエンドおよびバックエンド システムのフロントエンド関連技術を指します。これには、HTML/CSS/JS の 3 つの基本的なフロントエンド スキル、最新のフロントエンド開発フレームワークが含まれます。 React や Vue、オンライン IDE やプラグイン、ミッドエンドおよびバックエンドのローコード開発プラットフォームなど。

PC 上の大規模な Web アプリケーションは常に多くの企業の生命線であり、現在ではブラウザのパフォーマンスの向上に伴い、徐々に Web ベースになり始めており、たとえば、C/S アーキテクチャから B/S アーキテクチャに変わり始めています。 PS は昨年オンライン バージョンを提供し、さまざまな IDE も Web ベースになり、多くの大規模デスクトップ ゲームが WebAssembly テクノロジの助けを借りて Web ベースになりました。

1.1 HTML/CSS/JS

2014 年の HTML5 のリリース以来、新しい標準をサポートするブラウザがますます普及してきましたが、HTML はこれにとどまりません。主に、ネイティブ モードのサポート、JS シングルページ アプリの非対応など、いくつかの新機能が HTML6 と呼ばれます。 、カスタム メニュー、ユーザー プライバシーの強化、統合カメラなど。

2021 年、CSS には、CSS コンテナー クエリ、CSS 親セレクター、CSS カスケード制御ルール、CSS サブグリッドなどの多くの新機能が追加されました。CSS は Web 開発に不可欠な部分であり、今日ではフロントエンドの継続的な進歩に伴い、CSS は Web 開発に不可欠な要素となっています。エンジニアリングでは、仕様のアップグレードに伴い CSS 機能がますます豊富になる一方で、フロントエンド ビジネスの複雑さの増大によりプロジェクトが大規模になり、開発者は常に最適なものを探す必要が生じています。 CSS エンジニアリングの実践; Tailwind は CSS エンジニアリングの分野で非常に輝かしい新星であり、flex、pt-4、text-center、rotate-90 などのクラスを統合した機能的な CSS フレームワークです。 .0 は 12 月 21 日にリリースされ、ジャストインタイム モードが組み込まれました。

JavaScript は 10 年ごとに変化します。1997 年から 2007 年までの JS の第 1 期では、ES4 は、2009 年から 2019 年までの JS の第 2 期では、Flash/Actionscript などの閉鎖的なエコシステムでの激しい競争に苦戦しました。 Node.js、ES5、ES6 が誕生し、現在は JS の第 3 時代に入り、大規模なフロントエンド オープンソース プロジェクトのほとんどが TS を完全に採用しているか、今後も主流になるでしょう。同時に、JS と TS のコア インフラストラクチャ (swc、rome、deno など) は Rustized です。

1.2 フレームワーク - Angular