WeChat ミニ プログラムを始める あなたのための写真を見つけるためのミニ プログラムの開発

タブバーを構築する

ページパス

ページ名	道
表紙	索引
横画面	水平
絶妙なビデオ	ビデオ
検索	検索
私の	私の

ホームモジュール

1. es6 の const 、 let 、 var
2. アロー関数の関係
3. 配列のスプライシング (マージ)

タブコンポーネント

必要

1. カスタムコンポーネントタブを実装する
2. 機能は以前のクラスパッケージと似ています

推奨コンポーネント

注目の全体像

1. 組み込みアプレットを使用して非同期コードリクエストを送信し、データを取得します
2. ページを循環して移動します

月

1. 組み込みアプレットを使用して非同期コードリクエストを送信し、データを取得します
2. ページへの単純な処理時間形式のレンダリング

人気

1. 非同期リクエストを送信してデータを取得し、ページをレンダリングします。
2. ページング機能

1. ページの部分スクロールを実現するには、scroll-view コンポーネントを使用します。
2. css calc を使用してコンテナの高さを計算します
3. スロットルを使用してページング要求を制御する
4. wx-showLoadding と wx-showToast を使用してわかりやすいページを表示する

分類モジュール

必要

1. リクエストを送信して分類データを取得する
2. データの動的なレンダリングを実現する
3. ページをスクロールするにはscroll-viewタグを使用します
4. カテゴリ画像をクリックするとカテゴリ詳細ページへジャンプします

分類された画像のIDに従ってジャンプします

<navigator url="/pages/categoryDetail/categoryDetail?id=xxxxxxxxxxxxxxxx" >
</navigator>

カテゴリ詳細

仕事

1. カスタムタブコンポーネントの参照
2. URLのIDを取得する
3. リクエストパラメータの結合、データ取得リクエストの送信
4. ページネーション読み込みを実装する
5. タブのタイトルをクリックすると、リクエストを再送信して対応するデータを取得します

ホームモジュール

アルバムモジュール

必要

1. リクエストを送信し、アルバム データを取得し、ページのレンダリングを完了します
2. スクロールビューを使用してページネーションを実装する
3. クリックしてアルバムの詳細ページに入ります

1. 現在のアルバムデータを引き継いでグローバルに保存します。アルバム詳細ページで取得するのが便利です
2. グローバルデータ「

getAPP().globalData.album=album;

アルバムの詳細

1. グローバルデータのアルバム情報を取得
2. アルバム情報に従ってアルバムアルバムを取得します
3. トップカルーセルマップスワイパーを実装する
4. ページスクロールとページングスクロールビューを実装する

絶妙なビデオ

必要

1. データページのレンダリングを取得するリクエストを送信します
2. 画像をクリックすると動画詳細ページへ入ります
3. ページにジャンプする際、データ転送にはアプレット内の組み込みグローバル データ共有メソッド getApp().globalData を使用します。

ビデオの詳細

必要

1. 前ページから引き継がれた動画データを取得します

1. getApp()で取得します

2. 背景画像とビデオをレンダリングする

1. CSSフィルターを使用してフィルター効果を実現します
2. videoタグを使用してビデオ再生を実装します

3. バインディング ダウンロード クリック イベント

1. wx.downloadFile を使用してサーバー上のビデオをキャッシュにダウンロードします
2. wx.saveVideoToPhotosAlbum を使用して、キャッシュ内のビデオを電話にダウンロードします

画像の詳細

必要

1. すべての画像の親コンテナをナビゲータータグに置き換えます。

1. ページのジャンプパスを /pages/picture/picture に設定します。
2. 同時に、運ばれたパラメータを画像のパスとして設定します

2. 画像のクリックダウンロードを実現するクリックイベントをバインドする

1. 動画ダウンロードと同様の機能を利用する