WeChatミニプログラムの開発-概要

7月から小規模なプログラム開発に連絡を取り始め、プロジェクトも準備段階になりましたので、プロジェクトで発生した問題、注意点、未解決の問題を参考にまとめます。

HERE

私は常にWeChat開発者ツールを使用してきましたが、もちろん、SublimeとAtomは、個人の習慣によってはすべて問題ありません。WeChat開発者ツールの主な理由は、APIに自動プロンプトがあるためですが、それは後で慣れ親しんでおり、問題ありません。しかし、9月1日に更新されたバージョンは本当に良いです!! Tencent Cloudの追加とテストが追加されていますが、これらはほとんどの開発者にとって有用ではありません~~

デバッグ

WeChat開発者ツールのデバッグは、主にいくつかの点で少し面倒です。

のような階層的な問題になるとtextarea、mapなどはシミュレータの下で大丈夫ですが、実際のマシンの下ではさまざまなエキゾチックな問題が発生します。このような問題の場合、提案は次のとおりです。1. map特別な必要はありません。TencentマップAPIを使用してマップ情報を画像に変換し、画像をクリックしてマップ情報を表示することをお勧めします。2. textarea、canvasこれらの主要な構成要素、例えば、セット編集/表示状態に推奨されるtextarea表示領域をクリックすることにより、レイヤ表示内容領域の上方に設けられているtextareaにhiddenサスペンション層と主成分を避けるために、明示的および暗黙的な切り替え馴染みトゥーレ/偽レベルの問題。
主に多くのエラーが公開されていないため、デバッグするのは不便です。たとえば、app.json誤っtabBarて背面にスペースを追加したため、下部のツールバーが表示されませんでしたが、プロンプトなどはありませんでした。これを行うには良い方法はありません。ピットに足を踏み入れることや、WeChatアプレットの開発者コミュニティがMiss Guanboに質問することはできませんが、必ずしも解決できるとは限りません~~
シミュレータと実際のマシンのパフォーマンスは一致していません。主にアンドリューシステムの下で、同様の素晴らしい質問、のすべての種類があるだろうtextarea、、setDataメソッドが追加され、特にを通じて、パフォーマンスの違いの様々ながあるでしょう、キーボードは拡張の表現を非表示になります素晴らしい、不可解離れになります/展開します。公式には、これらの問題は適切な解決策を提供しませんでした。特に動的にフォーカス属性を設定する場合は、使用するtextareaを少なくすることをお勧めします。inputbindinputbindblurtextareainput

限界

ファイルサイズ制限

誰もがこれを知っています、元の1Mから2Mに増加しました~~

ページはネストされたレベル（つまり、ページスタック）にアクセスできます

つまり、Returnキーで返すことができる訪問済みページの記録数は、現在最大で5レベルです。しかし、レベル10まで増えるという噂があります。実際、WeChatは主に軽量であり、ページレベルが深すぎることはお勧めできませんが、Webサイトやモールなどの情報管理では、情報設定コンテンツが多すぎるとビジネスレベルが深すぎるという問題が発生することは避けられません。
ページスタックの制限により、レベル5のページを超えると、ジャンプリンクをクリックしても応答できなくなります。意志が無効なヒットがジャンプもあるで、ジャンプはあなたがする必要がTabBarのページ、です。ページスタックの制限により、元のネストされたビジネスロジックは、ページスタックのレベルを下げるために適度に広げる必要があります。以前も試みになく、ユーザーエクスペリエンスが良くありません、それがビジネスシーンを満たしていない、より高いレベルに戻ります。open-typeswitchTab
open-typeredirect

提案する

単位

小さなプログラムを使用することをお勧めしますrpxが、いくつかのシナリオで使用するpx方が合理的です。

段落のフォントサイズ。このシナリオでは、テキスト表示領域のサイズは通常制限されず、改行やインターセプトなどの問題を考慮する必要がなく、小さな画面でフォント認識を維持できます。
国境。理論的には、境界線は固定されており、画面の解像度でサイズを調整する必要はありません。

できるだけテンプレート化

対応するプロジェクトモジュールが2回以上表示されます。可能な限りtemplate再利用templateし、プロジェクトディレクトリに新しい特別な管理コンテンツを使用します。必要に応じて、テンプレートjsに含まれるパーツ、コンポーネントを抽出することもできます。。

レイアウト

モバイル端末はCSS3をよりよくサポートし、可能な限りflexレイアウトを使用し、好きなだけ使用calcしvwてvh、すばやくビューを構築できます。

ピットに足を踏み入れる

ここには1つずつリストされていませんが、いくつかのサイトをお勧めします