Vux: Penggulir android Wechat akhir masalah macet

Dibuat pada 31 Mei 2016  ·  40Komentar  ·  Sumber: airyland/vux

Versi: kapan

0.0.117

Android atau iOS, browser yang mana?

browser WeChat ios android

Kode Anda

<scroller lock-x scrollbar-y
                            use-pulldown
                            :use-transition="useTransition"
                            :pulldown-status.sync="pulldownStatus"
                            <strong i="10">@pulldown</strong>:loading="load"
                            class="scroller-div"
                            :pulldown-config=pulldownConfig
                            enable-horizontal-swiping
                            :height="scrollHeight +'px'">

                                <div class="scroller-container" >
                                         <div class="swiper-container">...</div>
                                         <div class="content">页面块内容 默认加载数据有两屏左右</div>
                                </div>
                              <div slot="pulldown" class="xs-plugin-pulldown-container xs-plugin-pulldown-down" style="position: absolute; width: 100%; height: 60px; line-height: 60px; top: -60px; text-align: center;">
                                    <span v-show="pulldownStatus === 'default'"></span>
                                    <span class="pulldown-arrow" v-show="pulldownStatus === 'down' || pulldownStatus === 'up'" :class="{'rotate': pulldownStatus === 'up'}">↓</span>
                                    <span v-show="pulldownStatus === 'loading'"><spinner type="ios-small"></spinner></span>
                              </div>
</scroller>

Tes WeChat pada mesin terminal yang berbeda

ios
Iphone6 ​​6s membuka efek gulir dengan lancar di WeChat

android
Huawei Glory 6 Huawei Glory 6+ Hammer Nut macet saat dibuka di WeChat, pengalaman satu kartu satu kartu tidak bagus

Android tapi dibuka dengan UC browser, efek lag tidak terlalu kuat, bisa scroll normal, tapi masih agak stuck

Saya mencoba melihat kode xscroll. Efek bergulir diproses oleh scroll-simulasi, tetapi saya tidak yakin apakah transformasi di dalamnya diproses oleh browser webkit. Secara pribadi, saya kira boleh menambahkan pemrosesan terjemahan webkitTransform?

Android Performance componenscroller inactive issue will be closed to be investigated

Komentar yang paling membantu

Semua 40 komentar

Apakah Android di atas merupakan konfigurasi kelas bawah?

Untuk mesin kelas menengah, Huawei kini memiliki pangsa pasar yang tinggi.
Saya juga telah mengujinya dengan mesin kelas atas Huawei P9, dan webkit serta browser WeChat dapat dibuka tanpa masalah, dengan sangat lancar.

Apakah ada hubungannya dengan versi sistem Android?Sistem mid-range adalah 4.4, dan sistem high-end adalah 6.0

Demo pembukaan WeChat Huawei, Android5 saya macet. . .
Cukup klik dari demo untuk mengatur kartu proses demonstrasi tertentu

@lagolas memasukkan kartu untuk pertama kalinya, atau apakah itu setiap kali dia masuk?

@ may00235 Tidak ada cukup mesin uji untuk membuat kesimpulan. Saya menggunakan Mi 2 dua atau tiga tahun yang lalu dan tidak akan ada satu kartu dan satu status kartu, tetapi sistemnya 5.0.2.

@airyland izinkan saya menguji lebih banyak

@airyland macet setiap saat. Misalnya, ketika saya mengklik "alamat" pertama dari halaman demo, dibutuhkan sekitar 3 detik untuk menampilkan halaman komponen ini, lalu klik "kembali", dibutuhkan sekitar 2 detik untuk kembali ke halaman demo, saya menguji Banyak komponen lain yang sama, tetapi beberapa sedikit lebih cepat, tetapi mereka juga jelas macet. Mereka semua harus menunggu setidaknya 2 detik sebelum halaman muncul.

Saya menggunakan browser Opera untuk membukanya, yang lebih jelas daripada di WeChat

Ponselnya adalah Huawei Enjoy 5, ponsel baru dengan Android 5.0, konfigurasinya tidak terlalu buruk

@lagolas masuk demo scroller, scroll kartu kiri dan kanan?

@airyland tidak macet, sangat mulus! ! !

Saya belum mempelajari kode Anda dengan cermat, saya tidak tahu apakah itu disebabkan oleh terlalu banyak memuat.
Terima kasih, vux siap digunakan dalam revisi proyek

Setiap contoh di @lagolas tidak macet, bukan? Apakah karena app.js yang dikemas terlalu besar, dan tampilan web akan macet saat menjalankan file besar?

@airyland Saya mengujinya beberapa kali dengan hati-hati, contoh di dalamnya sangat halus, hanya yang dipilih oleh

@lagolas Kalender Masalah penundaan ini harus diselesaikan.

@airyland menyumbangkan 1 yuan untuk menunjukkan dukungan, acaranya terlalu kecil, terima kasih

@lagolas haha, 1 poin juga sayang

@airyland akan meminta saran Anda ketika saya menemukan masalah dalam penggunaan lanjutan, terima kasih atas dedikasi Anda.

@lagolas menyambut umpan balik, menyambut PR.

Pernahkah Anda berpikir untuk beralih ke perpustakaan gulir yang lebih halus? Misalnya ini: https://github.com/pbakaus/scroller

@bammoo Ini adalah lubang

https://vuxjs.gitbooks.io/vux/content/ Tampaknya tidak ada dokumen yang diperbarui dengan kartu komponen, terima kasih atas dedikasi tanpa pamrih Anda

@daviswei akan menuliskannya nanti

Selama scroller digunakan di WeChat Android, itu akan membeku, tetapi lebih lancar tanpa menggunakan scoller, dapat digunakan di iOS.

@hubinjie tidak menggunakan scroller di semua adegan, kan? Anda tidak perlu scroller tanpa scroller.

Apakah halaman ini membantu?
0 / 5 - 0 peringkat