検索

次のセクション: vue2 vs vue3 差异化对比--原生支持度更高2446 回再生

5 秒后自动播放下一节
  もう一度見る

TypeScript+Vue3.0実践チュートリアル

導入 >
コースウェア
章1TS のインストールとコンパイル

TSの紹介

07分21秒

TypeScript をインストールしてコンパイルする

04分20秒
章2基本的なデータ型

基本的なデータ型

08分44秒

任意の値 (任意)

05分08秒

型推論

03分13秒

共用体型

05分44秒

インターフェース

07分50秒

配列

04分42秒
章3関数

関数宣言、関数式

08分07秒

オプションのパラメータ、パラメータのデフォルト値

04分13秒

残りのパラメータ、オーバーロード

06分33秒
章4型アサーション

共用体型をその型の 1 つとしてアサートする構文

09分37秒

親クラスをより具体的なサブクラスにアサートします

06分00秒

任意の型を任意の型にアサートします

04分12秒

any を具体的な型にアサートします

04分38秒

型アサーションの制限

03分26秒

双重断言

04分24秒

型アサーション VS ジェネリック

02分57秒
章5タプルと列挙型

type キーワードを使用して、型エイリアスと文字列リテラル型を定義します。

04分50秒

タプル

04分52秒

列挙する

03分26秒
章6親切

概念、コンストラクター、プロパティ、メソッド

06分38秒

アクセサ

03分23秒

静的メソッド

02分39秒

3 つのアクセス修飾子: public、private、prote

03分03秒

パラメータのプロパティと読み取り専用プロパティのキーワード

04分26秒

抽象クラス

05分32秒

クラスとインターフェイス、クラスはインターフェイスを継承、インターフェイスはインターフェイスを継承、インターフェイスはクラスを継承

05分49秒
章7ジェネリック

概念、簡単な例

05分46秒

複数の型パラメータ

04分04秒

一般的な制約

03分12秒

汎用インターフェース

04分38秒

汎用クラス

03分41秒

宣言のマージ、同じ名前の関数、インターフェイス、クラスのマージ

05分29秒

最後に書きます

01分38秒
章8Vue3 の実践的なトピック

オープニング紹介

04分27秒

Vue3 実行環境のインストール -- 実行環境をインストールする必要がある理由

06分09秒

npmイメージのインストール

03分02秒

VueCI足場の設置

07分53秒

Vue3プロジェクトを作成する

04分58秒

プロジェクトのディレクトリ構造の説明

04分18秒

vue2VSvue3 プロジェクト main.js の比較

04分16秒

vue3 ライフサイクルの変更とセットアップ機能を理解する

11分53秒

ref、リアクティブな応答性の高いデータ寿命

23分46秒

エレメントパルスの紹介

11分52秒

HTTPフレームワークの紹介

03分52秒

軸のカプセル化

16分44秒

朝夕のバックグラウンド管理システムのページ構造分析とログインページの作成

25分40秒

axios を使用してログインを完了する

05分34秒

メインページの左側のメニューバーを改善

24分54秒

サブルートの設計

11分24秒

コース一覧ページのライティング

05分29秒

フロントエンドリストページングの実装

09分22秒

ページネーションコンポーネントとフィルターリスト

16分50秒

プロジェクト概要

03分58秒
章9vue3+Element-plus+axios実戦

コース紹介01

04分54秒

コース紹介02

04分37秒

vue2 と vue3 の違いの比較 -- 高速化

04分17秒

vue2 と vue3 の差分比較 -- 音量の削減

02分16秒

vue2 と vue3 の差分比較 - 保守が容易

04分19秒

vue2 と vue3 の差分比較 - より高度なネイティブ サポート

02分51秒

プロジェクト機能表示

06分06秒

開発環境と技術スタック

03分07秒

NodeJS環境をインストールする

03分59秒

Vue-CLI をインストールする

02分39秒

フロントエンドプロジェクトの作成とディレクトリの紹介

07分36秒

TypeScript と SCSS をインストールする

07分36秒

ElementPlusの導入と使い方

06分59秒

Webサイトモジュール部門

09分55秒

ルーティングの構成と使用

08分14秒

Webサイトのヘッダーとフッターの開発とコンポーネントの使用

16分15秒

メニュー バー コントロールを使用し、ルーティングと組み合わせて切り替えを実現します。

07分13秒

ホームページへのバナーカルーセルの実装

07分24秒

変数からカルーセルデータを読み取る

07分36秒

axios を使用して JSON データを読み取る

12分52秒

webapiのバックエンド開発の作成・運用・ディレクトリ解説

06分13秒

webapi ルーティングの設定、および swagger を使用したインターフェイスの表示とデバッグ

11分01秒

Axios は webapi を読み取り、クロスドメインの問題を解決します

06分52秒

クロスドメインのバックエンド処理メソッドの解析

04分47秒

クロスドメインのフロントエンド処理の問題を解決する

07分13秒

ホームページの主なコンテンツ開発

08分59秒

花リストインターフェイス

11分52秒

ログイン登録ページの機能解析とユーザーテーブルの設計

04分05秒

SqlSugar の概要とインストール

03分17秒

SqlSugar を使用して Code First を実装し、データベースを作成する

06分22秒

SqlSugar とリフレクションを組み合わせてテーブルを生成し、データを初期化する

10分18秒

サービス層の構築と構造の紹介

09分31秒

AutoMapperのインストールと使用

フラワーリストインターフェースドッキングデータベース

vuex 状態管理による vues の導入と使用

14分28秒

登録インターフェイスと送信フォームの出力パラメータの実装

08分00秒

バックエンド API ドッキング

18分58秒

ログインインターフェースとバックエンドAPIドッキングの実装

16分45秒

vuex を使用して右上隅にステータス切り替えを実装します - プロセスを完了します

05分53秒

検証コード解析と実装プロセス解析

検証コードのバックエンドインターフェイスの実装

07分52秒

検証コード機能フロントエンドの実装 (クリックして更新)

08分08秒

ログインおよび登録の補足検証コード ロジック

06分36秒

フロントエンドリストページの実装

06分32秒

リストページデータの読み込みとバインド

04分19秒

コンポーネントベース開発リストページの抽出

06分40秒

詳細ページの実装

詳細ページのデータの読み取りとバインド

ブレッドクラムコンポーネントの使用

支払いページを設計し、注文作成リクエストを開始します

04分38秒

注文インターフェイスの実装を作成する

注文インターフェースの分析、伝票の重要性

jwtの利用、ログイン、登録ロジックの調整

フロントエンドのログイン登録ロジックの調整、トークンの保存と解析

注文インターフェイスと認証ロジックを作成する

個人センターページの開発

オーダーリストデータの読み込みとバインド

認証ロジックとさまざまな実践のデモンストレーション

バックエンドアップグレードのためのIOCの概念と実装

バックエンドアップグレードのためのIOCの拡張、Autofacの使用

フロントエンドアップグレードのための Axios インターセプターの使用 (パート 1)

フロントエンドのアップグレードのための Axios インターセプターの使用 (パート 2)

Log4Net の構成と使用 (パート 1)、テキスト ログの書き込み

Log4Net の構成と使用 (パート 2)、データベース ログの書き込み

バックエンドの公開とデプロイ

フロントエンドのリリースとデプロイ

  • キャンセル返事送信
  • キャンセルノートの配布送信