コンプリートセット - 最適化-20190510

まず、問題が解決されました

(Ⅰ)アプレットページのちらつきの問題を-解決
1.現象:ページの下部から別のページのナビゲーションバーに移動し、そこにページ上の多くの写真があるとの結果が交互に黒と白の輝くを表示しています。
2.ソリューション:Baiduは、コミュニティアドレスhttps://cloud.tencent.com/developer/article/1379755。
3.理由:
イメージタグのmode属性の質問、マイクロチャネルモード属性は、カスタム属性なので、元のページをレンダリングしたときにCSSレンダリングが独立しているため。
正確にレンダリングの数になったので、状況は画像を点滅されるCSSレンダリング後にマイクロチャネルのカスタムプロパティは、ソリューションは、画像タグのmode属性を使用しないことです。
4.ソリューション:イメージタグのmode属性を削除します。しかし、絵は、合理的なサイズ、スタイルを書きたい画像を表示しなければなりません。次は、モードの=「aspectFill」のスタイルです。

//给父容器设置宽高
.father{
	width:70px;
	height:70px;
	overflow:hidden;
}
//给子元素设置object-fit
.son{
	object-fit:cover;
}

5.問題:リスト上の画像オブジェクトフィットプロパティは効果がありません理由はわかりません。
6.解決するには:モード=「widthFix」の代わりに、元のモード=「aspectFill」、結果はOKだった、少なくともの割合はオリジナルをキープしてみてください。私は、なぜ使用widthFixはもはやちらつきの問題を知りません。

第二に、最適化のポイント(遅すぎるユーザーエクスペリエンスを向上させるために行うには)

(1)ページには、一覧表示さ
、表示するためにあなただけの10レコードをロードするたびにリストページを、すべてではないレコードは、ユーザーの待ち時間カトンを減らし、より高速なインターフェースをレンダリング終了する、ロードされます。
(2)肖像画の美しさの機能が
書かれたAPIドキュメントのコア技術では、そのようなので、上のボケ味、大きな目、薄い顔となど、いくつかの調整可能なパラメータを追加することができます。
(3)2次元コード生成ポスターは
、ポスターの作成、使用キャンバス上の理由から、キャンバス上に直接投稿写真を共有する2次元コードを転送し、その後、元のマップスケールマップので、状況がアートワークを取り除くでしょうカット見苦しいの割合は、2次元コードのポスターは、よりパーソナライズされたポスターをユーザが選択することによって生成されたテンプレートまたはテンプレートの多様で、より良い顔をしています。
(4)システム設計
グリーティングカードテンプレートは、いくつかの鮮やかな再することができ、ユーザーが入力したが、他のメディアを作成するための材料を使用することができ、画像が表現パッケージになるなど、画像は一つのビデオにアニメーションや音声になります。
(5)UIデザイン
専門の全体ではなく、アプレットのインターフェースデザイン。
(6)カトンを
伴う複数のサードパーティコールインターフェースに多くのカトンのネットワーク影響、写真、ビデオ技術のプロセスの流れを受けて
(7)キャッシュの問題
、繰り返し編集内容複数のカード詳細ページを表示し、最初のを開きます材料の量は、最初の時に最初の2枚のカードグリーティングカードを表示します。onShowが新しいコンテンツをチェックアウトして、時間をインタフェースするカードを割り当てるためです。より良い最初の表示色にベスト。

おすすめ

転載: blog.csdn.net/sinat_38783046/article/details/90056673