Demonstrasi fungsi projek

Persediaan pembangunan projek

Buat projek dan jalankan

Penyediaan sumber

Reka bentuk direktori kod sumber projek

penggunaan stylus

pengekodan komponen

Perkenalkan vue-router

Komponen FooterGuide

Setiap komponen penghalaan navigasi (statik)

Komponen HeaderTop

Gunakan swiper untuk melaksanakan karusel senarai klasifikasi produk

Komponen Senarai Kedai (statik)

Komponen log masuk (statik)

Mulakan aplikasi latar belakang dan uji antara muka

Merangkum fungsi permintaan ajax

Merangkumkan fungsi permintaan antara muka

Gunakan git untuk kawalan versi projek

semakan

Konfigurasikan proksi untuk melaksanakan permintaan ajax merentas domain

Buat struktur keseluruhan vuex

Gunakan vuex untuk mengurus data halaman utama

Paparkan alamat semasa secara tidak segerak

Paparkan senarai karusel kategori makanan secara tidak segerak

Gunakan jam tangan dan $nextTick untuk menyelesaikan pepijat karusel

Paparkan senarai pedagang secara tidak segerak

Gunakan svg untuk memaparkan antara muka gesaan pemuatan

Komponen bintang

Arahan demonstrasi fungsi pendaftaran dan log masuk

Kesan antara muka log masuk 1_switch kaedah log masuk

Kesan antara muka log masuk 2_Semakan nombor telefon mudah alih

Kesan antara muka log masuk 3_countdown effect

Kesan antara muka log masuk 4_tukar paparan dan sembunyikan kata laluan

Kesan antara muka log masuk 5_pengesahan ekspresi meja depan

semakan

Kod pengesahan grafik sekali dinamik

Tentukan fungsi permintaan antara muka

Log masuk_Hantar kod pengesahan SMS

Log masuk_Permintaan log masuk lengkap

Log masuk_Simpan maklumat pengguna ke vuex

Kemas kini antara muka pusat peribadi selepas log masuk

Log masuk untuk mengemas kini laluan lompat

Log masuk automatik

log keluar

Bina keseluruhan antara muka pedagang

pemahaman json

Reka bentuk data json

Gunakan mockjs untuk mensimulasikan data antara muka

antara muka simulasi permintaan ajax mockjs

Komponen ShopHeader

semakan

Paparkan data barangan secara tidak segerak

Analisis kesan gelongsor

Gunakan tatal yang lebih baik untuk melaksanakan gelongsor lantunan

collectscrollY

Kumpul gasing

Luncurkan senarai di sebelah kanan untuk mengemas kini kategori semasa

Selesaikan pepijat gelongsor inersia tidak mengemas kini kategori semasa

Klik pada item kategori untuk meluncur senarai di sebelah kanan

Komponen CartControl 1

Komponen CartControl 2

Komponen makanan 1

Komponen makanan 2

Komponen ShopCart 1

Komponen Troli Kedai 2

Tunjukkan senarai item beli-belah

Selesaikan 3 pepijat dalam paparan senarai

semakan

Animasi troli beli-belah

Senarai troli beli-belah meluncur

Kosongkan troli beli-belah

ShopRatingsComponent1

Komponen ShopRatings 2

Komponen ShopInfo 1

Komponen ShopInfo 2

Komponen ShopInfo 3

Komponen carian

Objek komponen laluan cache

Pemuatan malas komponen penghalaan

Malas memuatkan imej vue-lazyload

Gunakan momen untuk melaksanakan penapis tarikh

Analisis dan pengoptimuman fail yang dibungkus