プロジェクト機能のデモ

プロジェクト開発の準備

プロジェクトを作成して実行する

リソースの準備

プロジェクトのソースコードディレクトリの設計

スタイラスの使用

コンポーネントコーディング

vueルーターの導入

フッターガイドコンポーネント

各ナビゲーション ルーティング コンポーネント (静的)

HeaderTop コンポーネント

スワイパーを使用して製品分類リスト カルーセルを実装する

ShopList コンポーネント (静的)

ログインコンポーネント (静的)

バックグラウンドアプリケーションを起動してインターフェースをテストする

Ajaxリクエスト関数をカプセル化する

インターフェースリクエスト関数のカプセル化

プロジェクトのバージョン管理に git を使用する

レビュー

クロスドメイン Ajax リクエストを実装するようにプロキシを構成する

vuex の全体構造を作成する

vuex を使用してホームページ データを管理する

現在のアドレスを非同期で表示する

食品カテゴリのカルーセルリストを非同期で表示する

watch と $nextTick を使用してカルーセルのバグを解決する

加盟店リストを非同期で表示する

svg を使用して読み込みプロンプト インターフェイスを表示する

スターコンポーネント

登録およびログイン機能のデモンストレーション手順

ログインインターフェース効果1_ログイン方法の切り替え

ログインインターフェース効果2_携帯電話番号チェック

ログインインターフェース効果3_カウントダウン効果

ログインインターフェース効果4_パスワードの表示・非表示を切り替える

ログインインターフェース効果5_フロント表現検証

レビュー

動的なワンタイムグラフィック検証コード

インターフェースリクエスト関数の定義

ログイン_SMS認証コードを送信

Login_Complete ログイン要求

ログイン_ユーザー情報をvuexに保存

ログイン後にパーソナル センター インターフェイスを更新する

ログインしてジャンプルートを更新する

自動ログイン

サインアウト

全体的な販売者インターフェースを構築する

jsonの理解

jsonデータをデザインする

インターフェースデータをシミュレートするためにmockjsを使用する

Ajaxリクエストmockjsシミュレートされたインターフェイス

ShopHeaderコンポーネント

レビュー

商品データを非同期で表示する

滑り効果解析

better-scroll を使用してリバウンド スライディングを実装する

スクロールYを集める

トップスを集める

右側のリストをスライドして現在のカテゴリを更新します

慣性スライドが現在のカテゴリーを更新しないバグを解決

カテゴリ項目をクリックして右側のリストをスライドさせます

CartControl コンポーネント 1

CartControl コンポーネント 2

食品成分1

食品成分2

ショップカートコンポーネント 1

ショップカートコンポーネント 2

ショッピングアイテムのリストを表示

リスト表示の3つのバグを解決

レビュー

ショッピングカートのアニメーション

ショッピングカートリストのスライド

ショッピングカートをクリアする

ショップ評価コンポーネント1

ShopRatings コンポーネント 2

ショップ情報コンポーネント 1

ShopInfo コンポーネント 2

ShopInfo コンポーネント 3

検索コンポーネント

キャッシュルートコンポーネントオブジェクト

ルーティングコンポーネントの遅延ロード

画像の遅延読み込み vue-lazyload

moment を使用して日付フィルターを実装する

パックされたファイルの分析と最適化