< 戻る製品リスト - 検索ボックスとタブのコンポーネントを実装する

前のセクション

次のセクション

チュートリアルリスト

ヘルプの取得

ディレクトリ

章1 ミニプログラムの基礎ビデオ (1)

1-1 コース紹介

1-2 WeChat ミニプログラムの紹介

1-3 WeChatミニプログラムの環境準備

1-4 初めての WeChat アプレット

1-5 WeChat 開発者ツールの概要

1-6 ネイティブフレームワークのディレクトリ構造

1-7 グローバル設定ファイルのページフィールド

1-8 グローバル設定ファイルウィンドウのフィールド

1-9 グローバル設定ファイルのタブバーフィールド

1-10 ページ構成ファイル

章2 ミニプログラムの基礎ビデオ (2)

2-1 シートマップ構成

2-2 データバインディング前のコードエディターのスキル

2-3 データバインディング

2-4 手術

2-5 配列とオブジェクトのループ

2-6 ブロックタグの使用

2-7 条件付きレンダリング

2-8 イベントバインディング1

2-9 イベントバインディング2

2-10 スタイルRPX

章3 ミニプログラムの基礎ビデオ (3)

3-1 スタイルのインポート

3-2 スタイル - セレクターとlessの使用

3-3 wxssコメントの書き方

3-4 ビュータグとテキストタグ

3-5 画像タグ

3-6 スワイパー - スワイパーの高さを比例的に計算します

3-7 スワイパー - 共通プロパティ

3-8 ナビゲーターのナビゲーションタグ

3-9 rich-textリッチテキストタグ

3-10 ボタンの外観スタイル

章4 ミニプログラムの基礎ビデオ (4)

4-1 ボタンの開閉能力1

4-2 ボタンの開放能力2

4-3 アイコン

4-4 ラジオのラジオボタン

4-5 チェックボックスチェックボックス

4-6 カスタムコンポーネントの紹介

4-7 カスタムコンポーネントの初めての経験

4-8 カスタムコンポーネントタブスタイルの最適化

4-9 カスタムコンポーネントタイトルのアクティベーションが選択されました

4-10 カスタムコンポーネント - 親が子にデータを渡す

章5 ミニプログラムの基礎ビデオ (5)

5-1 カスタムコンポーネント - 子が親にデータを渡す

5-2 カスタムコンポーネントスロット

5-3 コンポーネントのその他のプロパティ

5-4 アプリケーションのライフサイクル

5-5 ページのライフサイクル

章6 妖号プロジェクトの実戦（１）

6-1 プロジェクトのプレビュー

6-2 プロジェクト技術の選定

6-3 プロジェクト構築のステップ 1

6-4 プロジェクト構築ステップ2（アイコンフォントの導入）

6-5 プロジェクト構築ステップ 3 (タブバーの構築)

6-6 プロジェクト構築ステップ 4 - ページスタイルの初期化

6-7 ホームページ - 検索ボックス

6-8 ホームページ - カルーセルチャートデータの取得

6-9 ホーム-カルーセル-動的レンダリング

章7 妖号プロジェクトの実戦（２）

7-1 ネイティブリクエストをPromiseに変更する

7-2 ホームカテゴリーナビゲーション

7-3 ホームフロア 1

7-4 ホームフロア 2

7-5 分類 - インターフェースデータとページ効果の関係

7-6 分類 - インターフェースデータの取得

7-7 カテゴリ - ページレイアウト 1

7-8 カテゴリ - ページレイアウト 2

7-9 カテゴリ - メニューをクリックして商品コンテンツを切り替えます

7-10 分類 - キャッシュテクノロジーを使用

7-11 カテゴリ - メニューをクリック - 右側のリストの一番上

章8 ヨウゴウプロジェクトの実践（３）

8-1 インターフェースコードの最適化 - パブリックインターフェースパスの抽出

8-2 最適化されたインターフェイス - 戻り値を簡素化し、es7 の非同期を使用します

8-3 商品リスト - カテゴリIDの取得

8-4 製品リスト - 検索ボックスとタブのコンポーネントを実装する

8-5 製品リスト - 静的スタイル

8-6 製品一覧 - ダイナミックレンダリング

8-7 商品リスト - 次のページのデータを読み込みます

8-8 製品リスト - プルダウンして更新します

8-9 グローバル読み込みアイコン効果を追加

8-10 製品詳細 - データの取得

章9 ヨウゴウプロジェクトの実践（４）

9-1 製品詳細 - インターフェースデータとページ分析

9-2 製品詳細 - カルーセル画像の動的レンダリング

9-3 製品の詳細 - 価格、名前、写真とテキストの詳細

9-4 製品の詳細に最適化された動的レンダリング

9-5 製品詳細 - プレビュー画像を拡大

9-6 製品詳細 - 下部ツールバー

9-7 製品詳細 - 下部ツールバー

9-8 商品詳細 - カートに追加

9-9 ショッピングカート - ショッピングカートの分析と受け取りボタンのスタイル

9-10 ショッピングカート-配送先住所分析

章10 ヨウゴウプロジェクトの実践（５）

10-1 ショッピングカート - 配送先住所の取得プロセスを完了する

10-2 ショッピングカート - 配送先住所を取得するコードを最適化します。

10-3 ショッピングカート - 配送先住所とボタン切り替え表示

10-4 ショッピングカート - ショッピングカートリスト - 静的スタイル

10-5 ショッピングカート - 下部ツールバー - 静的構造

10-6 ショッピングカートデータの動的レンダリング

10-7 ショッピングカート-全選択-データ表示

10-8 ショッピングカート - 合計価格と合計数量

10-9 ショッピングカート - 選択された製品

10-10 ショッピングカート - すべての逆選択を選択

10-11 ショッピングカート-商品数量編集

おすすめコース
コースウェアのダウンロード

無料

初級WeChat ミニプログラムを最初から遊んでみる

14595

無料

中級React Native の高度な詳細ビデオチュートリアル

11352

無料

中級LNMP 実稼働環境の最適化と LVS クラスターのビデオチュートリアル

10877

無料

中級Sass 入門からマスターまでのビデオチュートリアル

15567

無料

初級Python Web フレームワーク Flask 入門ビデオチュートリアル

21240

無料

中級js の高度なオブジェクト指向とコンポーネント開発のビデオチュートリアル

9065

¥ 99

中級PHP 実践 Tianlong Babu WeChat 支払いビデオチュートリアル

147053

無料

中級Python Web フレームワーク Flask の高度なビデオチュートリアル

17960

無料

中級ブートストラップ: ユーザーインターフェイスアーキテクチャのビデオチュートリアル

14608

無料

中級Python の高度なビデオチュートリアル

25041

¥ 99

中級PHP iQiyi 映画 Web サイトを模倣した天龍蕃実戦

284478

無料

中級JavaScript デザインパターンの完全なビデオチュートリアル

13816

There are currently no materials available for download for this course

このコースを視聴した生徒はこちらも学んでいます

496451

PHP でビジネスを始めることについて簡単に説明しましょう Web フロントエンド開発の簡単な紹介恥ずかしいことの百科事典サイトを模倣したミニ版MVCフレームワークの大規模実践天龍宝開発 PHP 実践開発入門: PHP クイック作成 [中小企業フォーラム] ログイン認証と従来の掲示板コンピュータネットワークの知識収集クイックスタート Node.JS フルバージョンあなたを最もよく理解するフロントエンドコース: HTML5/CSS3/ES6/NPM/Vue/...[オリジナル] 独自の PHP MVC フレームワークを作成する (40 章の詳細/詳細/初心者が先に進むには必読)