アプリをAngularJSからAngularにアップグレードする必要がある理由 (05.16.24)
こんにちは、私の親愛なる友人たち！今日はAngularのメリットについてお話します。 AngularJSを使用する場合は、AngularJSからAngularに移行する必要があります。どうして？その記事を読んで、最適なフレームワークを選択してください。
AngularJSとは
これら2つのフレームワークについて説明する前に、誰が誰であるかを理解しましょう。 AngularJSは、シングルページアプリケーション（SPA）を開発するフレームワークに革命をもたらしました。 Angularは、現在もサポートしているGoogleの助けを借りてリリースされました。そしてそれは2010年にリリースされ、それ以来、AngularJSの多くの新しいバージョンがありました。フレームワークはJavaScriptの助けを借りて動作し、単一ページのWebアプリケーションの開発用に作成されています。 Angularを際立たせているのは、HTMLを時系列に変換する機能です。
AngularJSの欠点について話しましょう。Angularがフレームワークの最良のバージョンではない理由を理解できます。
JavaScript。はい。JavaScriptを使用すると非常に便利ですが、JavaScriptがないと、AngularJSで何もできなくなります。したがって、新しい問題があります。多くのデバイスで、JSはサポートされていません（はい、悲しいように聞こえます）。もちろん、新しいラップトップやコンピューターではそのような問題はありませんが、たとえば、AngularJSを学びたいと思っていた古いラップトップを持った10代の若者を例にとると、彼はJavaScriptを実行していません。そして、何か新しいことを学びたいという欲求は消えます。 初心者には難しい。 AngularJSの構造は非常にアクセスしやすいですが、このフレームワークについて最初に学び始めると、多くの問題に直面します。ディレクティブと依存関係を一度に操作する方法を誰もが知っているわけではありません（これはAngularJSコードのコンポーネントです）。さらに、同じディレクティブなしでは解決できないタスクがあり、開発者はシステムを掘り下げ始め、多くの時間を失います（もちろん、何か新しいことを学ぶときは素晴らしいですが）が、そのようなことがあります締め切りとして。顧客は通常、期限を明確に設定しており、指定された時間より長く待つことを望んでいません。したがって、AngularJSの構造は利用できますが、プロセス内の多くの関数に問題がある可能性があります。 MVC。誰もがMVCの操作方法を知っているわけではありません。また、MVCがどのように機能するかを理解するのにも長い時間がかかります。確かに、ほとんどの人は現在それを使った経験がありますが、より伝統的な開発者はこの問題に直面しています。要するに、AngularJSを操作するために知っておく必要のあるプログラムを知る必要があるということです。 教育用のドキュメント。実際、Angularと比べるとそれほど多くはありません。初心者は、ある意味でこのAngularJSに本当に不運です。しかし、それを研究することで、多くのことを学び、多くのプログラムを学び、開発者がよく知っているほどよくなります。また、AngularJSに関するドキュメントがほとんどないため、プログラマー自身が多くの時間のかかる試みを思い付く必要があります。 グリッチ。 AngularJSで作成された製品は動的であり、パフォーマンスなしで。プログラムを最初に起動しようとすると、クラッシュや遅延が発生する可能性があります。 Angular 10とは何ですか？
Angular 10は、以前のバージョンよりも占有するスペースが少なくて済みます。この種類に追加された新機能は、Angular Materialでの日付スコープの選択の改善と、CommonJSをインポートするためのアラートです。開発者はまた、新しい機能を追加しました– CommonJSがパックされたバンドルがより大きく、より遅いプログラムにつながる可能性がある場合のECMAScriptバッチモジュールの置き換え。
上級者向けヒント：パフォーマンスの問題、ジャンクファイル、有害なものがないかPCをスキャンします
システムの問題やパフォーマンスの低下を引き起こす可能性のあるアプリやセキュリティの脅威。
PCの問題の無料スキャン3.145.873ダウンロード互換性：Windows 10、Windows 7、Windows 8
特別オファー。 Outbyte、アンインストール手順、EULA、プライバシーポリシーについて。
さらに、Angular 10は、 ng new からまでの新しいスペースを構築するときに製品のより戦略的な構成を提供します> ng new–strict。
有効にすると、新しい設定で製品を初期化して、エラー検出を改善し、プログラムをさらに最適化できます。
Angular 10の利点：
言語サービス。言語サービスコンパイラは、必要に応じてScriptInfoを作成する製品インターフェイスを使用して、複数の型チェックファイルを使用できるようになりました。また、＆amp;、＆lt;などの一部のHTMLエンティティも削除されます。これは、パフォーマンスが非常に不安定なAngularLS機能の内部基盤を保護するために行われました。 ブラウザー構成。古くて人気のないブラウザーは、Angular10から除外されました。これは、新しくて便利なブラウザを宣伝するために行われます。また、この更新には、新製品のES5ビルドを自動的に無効にするという副作用が含まれています。これを行うには、開発者は必要なブラウザを.browserslistRCファイルに追加する必要があります。 ES5ビルドとブラウザの差分ロードを有効にします。 コンパイラの更新。コンパイラーもアップグレードされませんでした。このバージョンのAngularでは、開発者はコンパイラーが実際のngtscコンパイラーをラップするためのインターフェースを追加しました。プロパティと読み取りができるように、名前空間も追加されました。この依存関係情報に加えて、ngコンテンツセレクターであるAngular LanguageServiceもメタデータに追加されました。これは、ExpressionBindingマイクロ構文式の正確なコスト範囲をParsedPropertyに拡張することをサポートします。これにより、範囲をASTテンプレート（VEとIvyの両方）に拡張できます。 Ngcc。この機能が追加され、tsconfig.jsonファイルで定義されたエントリポイントを処理するためだけに作成されたプログラムに基づいて、エントリポイントルックアッププログラムを開始できるようになりました。アクセス権があります。この機能は、製品にインポートされるいくつかのエントリポイントで依存関係のプロセスを触媒します。通常のパッケージパスとエントリポイントはファイルから除外できるため、空の配列を取り除くのに役立ちます。 生産性の向上。これは、エントリポイントのボリュームを減らすことで機能しました。また、依存関係のキャッシュはエントリポイントのマニフェストで行われ、情報は毎回計算を行うのではなく、そこから取得されるという利点もあります。以前はクローラーがインスタンス化されていましたが、現在はTargetEntryPointFinderで必要な場合にのみ実行されます。 Typescript3.9。 TypeScriptはJavaScriptに基づく言語ですが、型宣言と注釈の構文があります。このバージョンのTypeScriptは、エラーのチェックに加えて、コンパイラと連携して構造化し、すべてを高速化し、操作を正規化します。 ローカリゼーション。の最高の機能の1つこのバージョンのAngularは、複数の翻訳ドキュメントをマージする機能ですが、以前のバージョンでは1つのファイルしかダウンロードされませんでした。つまり、開発者はメッセージIDを使用してドキュメントの翻訳を組み合わせることができるようになりました。これを行うには、最初の翻訳で最も重要なドキュメントを移動し、他のドキュメントを後で移動する必要があります。 ルーター。 CanLoadセキュリティガードは、コーナーバージョン10でUrltreeに戻ることができるようになりました。Urltreeによって返されるCanLoadガードは、最先端のナビゲーションをキャンセルし、データのリダイレクトに役立ちます。これは、利用可能なCanActivateディフェンダーの現在の動作と一致しており、これも明らかに追加されています。 コア。すべての警告がエラーとして読み取られるようになりました。これは悪い機能ではありませんが、console.errorを介して何もログに記録されないことを期待するツールを再生できます。 Genericのこの新しいバージョンでは、ModuleWithProvidersがIvyコンパイルおよびレンダリングパイプラインと連携することが必須になっています。これにより、開発者がView Engineを使用している場合でも、ビルドエラーは発行されません。 コードをIvyに変換します。 npmからのIvyへのすべての依存関係は、Ivy依存関係に変換する必要があります。これは、アプリケーションでngtscを実行する前に発生する必要があります。次に、今後のすべてのコンパイルおよびバインド操作は、依存関係のバージョンを変換する方向で実行する必要があります。結論
この記事では、AngularがAngularJSよりも優れている理由を説明しました。 AngularJSを忘れて、Angular 10に移行するようにすべての人を説得するつもりはありませんでした。いいえ、すべてのフレームワークは何かに優れています。現在、Angular 10には、卓越したプロジェクトを作成するためのすべての可能な機能がありますが、1、2年後には、新しいバージョンがこれよりもさらに優れていることを忘れないでください。私のアドバイス–可能な限り学び、フレームワークのすべてのバージョンが役立つでしょう。
YouTubeのビデオ: アプリをAngularJSからAngularにアップグレードする必要がある理由
05, 2024
