Geliştirme | 1 kat işletim verimliliği! Bu becerilerle küçük programlarınız çok hızlı olabilir
Wen | Wu Quan
WeChat Mini Programlarının avantajlarından biri "küçük" olarak yansıtılmaktadır Küçük ve hafif WeChat Mini Programları kullanıcılara çok iyi bir deneyim getirebilir.
Ancak küçük programların hareketliliğini en üst düzeye çıkarmak istiyorsanız, geliştiricilerin yine de daha çok çalışması gerekir.
Bu sayıda, Programı Tanı (WeChat Kimliği zxcx0101) size Mini Programın kullanıcı deneyimini geliştirebilecek bazı yöntemler ve yöntemler tanıtacaktır.
WeChat resmi "Programı Tanıyın" hesabını takip edin, "Geliştirme" ye yanıt verin ve Mini Programı daha gelişmiş hale getiren görsel efekt kodunu alın.
1. Küçük program paketi boyutunu sıkıştırın
Bir WeChat uygulamasının tıklanmasından ilk sayfanın tamamlanmasına kadar genellikle 2 ila 3 saniye sürer.
Bu 2 ila 3 saniyede, uygulama, veri paketinin yüklenmesini ve sunucu ile iletişimi tamamladı. Doğal olarak Bir veri paketi yüklerken, veri paketinin boyutu, yükleme süresi ile pozitif olarak ilişkilidir.
WeChat Codey, yükleme hızını artırmak için kasıtlı olarak veri paketlerinin boyutunu 2 MB (en erken 1 MB) ile sınırladı. Yapmamız gereken, veri paketinin boyutunu 2 MB bazında daha da küçültmek.
Özellikle, veri paketine büyük resimler ve başka dosyalar koymayın ve UI olarak çok fazla resim kullanmayın; ayrıca kod satırlarının sayısını da azaltabilirsiniz. Bu yöntemler sayesinde en fazla yaklaşık 1 saniyelik yükleme süresi kısaltılabilir!
2. Büyük ve uzun resimler
WeChat Mini Programı sayfasına büyük resimler yerleştirmeyin.
Uygulamada, sayfa yüklendiğinde veya atladığında, Genellikle sayfa göründü veya atlama tamamlandı, ancak büyük boyutlu resimler hala yükleniyor . Bu, kullanıcı deneyimini ciddi şekilde etkileyecektir.
Mini program, yukarıdaki "Bing Dünyayı Görüntüleme" gibi tema olarak yüksek çözünürlüklü büyük görüntüler sağlayacaksa. Sayfada uygun şekilde sıkıştırılmış resmi görüntülemeyi seçebilir ve ardından orijinal resmi wx.previewImage içinde görüntüleyebiliriz.
wx.previewImage ({geçerli: '', // şu anda görüntülenen resim url'lerinin http bağlantısı: // önizlenmesi gereken resmin http bağlantısının listesi))WeChat uygulamasına uzun bir resim yerleştirirseniz, sayfaya büyük bir resim eklemeye benzer olacaktır.
Aradaki fark, uzun resim modunun genellikle sadece en-boy oranı seçmesi ve ardından uygulama yüklendiğinde aşağıdaki sonuçların görünmesidir: Bu resim önce ezilmiş, sonra normal bir biçimde görünecektir. (Bilmeyenler bozuk olduğunu düşündü!)
Bu tür bir resim için, Kısaltılması ve küçük bir programda bölümler halinde görüntülenmesi tavsiye edilir. .
3. setData'yı kötüye kullanmayın
setData, WeChat apletlerinde sıklıkla kullanılan bir arayüzdür ve veri bağlamadan sonra veri atamak için yaygın bir yöntemdir. Sözdizimi aşağıdaki gibidir:
var that = this.setData ({imageUrl: "http: //XX/XX/X.jpg",})WeChat uygulamasının görünüm katmanı ve mantık katmanı birbirinden bağımsızdır SetData, veri aktarımının katmanlar arası bir uygulamasıdır ve ara süreç karmaşık ve zaman alıcıdır.
Sıkı setData olmayan bazı küçük programları kullanın, aşağı açılır bir yenileme gerçekleştirdiğinizde veya sayfayı kaydırdığınızda, fark edilir bir donma hissi hissedeceksiniz. Bunun nedeni, küçük programın şu anda sıklıkla setData olması ve programın kullanıcı işlemlerini gerçek zamanlı olarak mantık katmanına iletememesi ve mantık katmanının sonuçlarının görünüm katmanına iletilememesidir.
Ancak bu, setData'yı kullandığınız sürece gecikmeye neden olacağı anlamına gelmez ve bundan vazgeçmeniz gerekir.Benim önerim şu: setData'yı tetiklemek için olayları kullanın, değerleri atamak için sık sık saati kullanmayın ve bir defada çok fazla değer ayarlamayın, bu da kolayca gecikmeye neden olabilir.
"Knowing Program" resmi hesabını takip edin ve Mini Programınızın performansının iyileştirilebilmesi için WeChat arka planındaki "Geliştirme" ye yanıt verin.
