ホームページ > 記事 > WeChat アプレット > ミニプログラム開発のための 40 の技術的なヒント、純粋に実践的な情報
ミニプログラム開発のための 40 の技術的なヒント、純粋に実践的な情報
- 高洛峰オリジナル
- 2017-02-11 11:05:092138ブラウズ
WeChat の「ミニ プログラム」が正式に開始されて 1 週間が経過し、関連する話題が過熱し続けています。 Alipayの「ミニプログラム」開発のニュースはすぐに暴露され、多くのネットユーザーはこの勢いが既存の「APP帝国」に挑戦するのではないかと冗談を言った。さて、このような熱いミニ プログラムに直面しても、WeX5 モバイル開発クラウドは怠けているわけではありません。インターネット全体を検索した結果、注目すべき 40 のテクノロジを網羅したミニ プログラム開発者必読の記事を選択しました。実践的なミニプログラム開発については、ここをクリックしてください。
Q: スクリプトでウィンドウなどのオブジェクトを使用できないのはなぜですか
A: ページのスクリプト ロジックは JsCore で実行されるため、JsCore はウィンドウ オブジェクトのない環境であるため、スクリプトでウィンドウを使用することはできません。運用操作部品
Q: zepto/jquery が使えない理由
A: zepto/jquery はウィンドウオブジェクトとドキュメントオブジェクトを使用するため、使用できません。
Q: wx.navigateTo でページを開けません
A: アプリケーションは同時に 5 ページしか開くことができません。5 ページを開いた後は、wx.navigateTo は通常は新しいページを開くことができません。マルチレベルの対話を避けるか、wx.redirectTo を使用してください
Q: スタイル シートはカスケード セレクターをサポートしません
A: WXSS は で始まるクラス セレクターをサポートします。
Q: ローカル リソースは css を通じて取得できません
A: 背景画像: ネットワーク イメージ、 Base64、または
Q: ウィンドウの背景色を変更する方法
A: page ラベル セレクターを使用して、最上位ノードのスタイルを変更します
page {
背景色 背景色: 赤;
}
Q: アップロードが失敗するのはなぜですか?
A: エクスペリエンスのスムーズさを向上させるには、コンパイルされたコード パッケージのサイズを
1MBより大きくする必要があります。アップロードに失敗します。
Q: HTTPSリクエストが失敗しました
A: tls
1.2以降のみをサポートします
Q: ネットワークリクエストを参照してくださいer
A: ネットワーク リクエストされた
Refererは設定できず、形式は https://servicewechat.com/{appid}/{version}/page-frame.html に固定されます。ここで、 {appid}
はミニ プログラムのappid です。 {version}はミニプログラムのバージョン番号であり、バージョン番号0は開発バージョンを示します。 Q: Page.data
を直接操作することはできません。A:
Page.dataを直接割り当てたり変更したりすることは避けてください。Synchを操作するにはPage.setData機能を使用してくださいデータをロンナイズするユーザー入力を取得する方法
ユーザー入力を取得できるコンポーネントは、コンポーネントの bindingchange 属性を使用してユーザーの入力コンテンツを AppService に同期する必要があります。
var inputContent = {}
Page({
データ: {
inputContent: {}
},
bindingChange: function(e) {
inputContent[e.currentTarget.id] = e.detail.value
}
})
}
Q: WeChat アプレットはフェッチまたはプロミスをサポートしていますか?
A: プロミス ツールは現在サポートしておらず、フェッチ
クライアントもこのツールをサポートしておらず、次のバージョンでも統合されたままになります。
Q: touchmove スライディング イベントの currentTarget.id 値は変更されません。 A: couchmove / touchend イベントの target / currentTarget は、常に touchstart イベントの target / currentTarget になります。 Q: wx.request POSTメソッドのパラメータ送信サーバーが受信できない不具合があります。 A: wx.request post の content-type はデフォルトで 'application/json' になります サーバーが json 解釈を使用しない場合は、 content-type を に設定し直すことができます。 URLコード化されています。 wx.request({ .... method: "POST", header: { "content-type": "application/x-www-form- urlencoded" }, ... }) Q: 携帯電話で wx.uploadFile は http コード 403 を返します。 A: Android 用 WeChat はバージョン 6.5.2 以降にアップグレードされています。 Q: ミニ プログラムは SVG をサポートしていますか? A: 画像の src はリモート SVG に配置でき、背景画像にも配置できます。 Q: wx.request によって返される statusCode の型が両端で一致していません。 A: この問題は存在しており、後のバージョンで修正される予定です。 Q: コンポーネントの動的な生成と破棄についてはどうですか? A: 動的に生成されたコンポーネントはサポートされていませんが、 wx:for を使用して複数のコンポーネントをレンダリングできます。 Q: ミニ プログラムはホット アップデートをサポートしていますか? A: 開発者が独自に変更することはサポートされていません。 Q: 一部のインターフェイスのコールバックは iOS と Android の間で矛盾しています。たとえば、支払いインターフェイスでは、ユーザーが支払いをキャンセルした後、iOS は complete メソッドのみをコールバックしますが、Android は fail メソッドをコールバックします。ドキュメントにはコールバック命令がないため、同様の開発が困難になります。また、画像選択インターフェイス、共有インターフェイスなどもあります。 A: ユーザーが支払いをキャンセルした後、iOS は complete メソッドのみをコールバックし、Android は failed メソッドをコールバックするという問題が記録されました。 Q: アイコンが既にサーバー上にある場合、URL に直接アクセスして画像を読み込むことはできますか? A: いいえ。 Q: iPad ではミニ プログラムを使用できませんか? A: 現時点では、iPad でミニ プログラムを開くことはサポートされていません。 Q: ミニ プログラムのオーディオおよびビデオ プレーヤーの問題。 1.進行状況バーと時間だけを非表示にすることはできますか? 2. iOS プラットフォームでは時刻表示が 0:00 ですが、Android プラットフォームではエラー コードが表示されます。何か設定で変更できますか? A: 1: ここでのインタラクションは次のバージョンで変更され、進行状況バーと時間は表示されなくなります。 2: この問題はバージョン 6.5.3 で修正されました。 Q: フローティング レイヤーを写真ウィンドウに追加できますか? A: 現時点ではサポートされていません。 Q: 開発者ツールは jsEngineScriptError エラーを報告することが多く、ページ上に白い画面が表示されることがあります。 A: wx.setNavigationBarTitle は、API を通じてナビゲーション バーのタイトルを変更できます。 A: この機能は現在利用できません。 6.5.3 A: 現在サポートされていません。 A: これは古いバージョンの Android WeChat クライアントのバグです。最新バージョンの 6.5.3 クライアントをダウンロードしてください。 Q: https の使用は必須です。開発環境とテスト環境で共同でデバッグとテストを行うにはどうすればよいですか? A: 「WeChat Web 開発者ツール」->「プロジェクト」->「開発環境は、要求されたドメイン名と TLS バージョンを検証しません。」 Q: wx.showToast() メソッドが無効です。 wx.requestを呼び出してネットワークをリクエストしてから、 complete: function (res) { // complete wx.hideToast(); } でshowToastを実行したい場合は、成功方法 場合によっては、それが無効であるように感じられ、プロンプト ボックスが表示されないことがあります。 A: success コールバックは、 complete の前に呼び出されます。それが success showToast 内にある場合、次のステップ complete HideToast は showToast からフラッシュされます。 Q: ピッカー コンポーネントのテキスト サイズは変更をサポートしていますか? A: 変更はサポートされていません。 Q: tabBar の画像のサイズは、Android と iOS で大きく異なります。 A: これは Android WeChat クライアントの古いバージョンのバグです。6.5.3 クライアントの最新バージョンをダウンロードしてください Q: tabbar ページが戻る問題。ホームページ以外のタブバー ページの左上隅にある戻る矢印をクリックしたときに、ミニ プログラムのホームページに戻るにはどうすればよいですか? ここで、ミニプログラムを直接終了します A: 新しいページを作成するときは、navigateToを使用して、古いページを保持したまま新しいページを作成します。redirectToを使用すると、現在のページ内にジャンプします。ページ。 Q: wx.request() の同期設定方法についてお聞きしたいです。 A: リクエストはネットワークリクエストを開始することです。同期インターフェースはありません。 Q: 最新の Mac バージョンのツールが利用できず、ログインすると appservice の取得に失敗します。 A: ツール設定でダイレクトリンクネットワークを選択します。または、システム内のプロキシソフト設定ツールから直接ネットワークに接続します。 Q: 実機 ビュー オーバーフロー - がスライドダウンすると非常にスタックします。 A: 親レイヤーにはposition:relative;が必要です。追加後、スタックすることはありません。 上記が共有の主な内容です。ミニプログラム自体は現在も調整、修正、改善されており、次々に発見されたバグもそれに応じて修正する必要があることに注意してください。ミニ プログラム開発に興味がある友人は、最新のミニ プログラム開発のヒントを入手するために私たちをフォローしてください。 小規模プログラム開発に関する 40 の技術的なヒントをさらに詳しく知りたい場合は、純粋に実践的な関連記事を掲載している PHP 中国語 Web サイトに注目してください。