bahagian seterusnya: TodoInfo样式优化988 permainan

5 秒后自动播放下一节
  Tonton Lagi

webpack+vue—Bina projek bahagian hadapan dari awal

pengenalan >
babperisian kursus
Bab1Bab satu

Pengenalan Kursus

Permulaan projek

Buat contoh akar Vue

Lekapkan komponen Apl

ujian

konfigurasi asas webpack

skrip webpack

Pemasangan vue-loader

Konfigurasi vue-loader

ujian vue-loader

Bab2Bab dua

Pengenalan kepada pemuat yang biasa digunakan

Penggunaan asas pemuat fail (Bahagian 1)

Penggunaan asas pemuat fail (Bahagian 2)

Penggunaan url-loader

pembungkusan css (Bahagian 1)

pembungkusan css (Bahagian 2)

pengenalan stylus dan pemalam

pembungkusan fail stylus

Menggunakan stylus dalam vue

pemalam html-webpack-plugin

Bab3bab ketiga

clean-webpack-plugin

pemalam autoprefixer

pengenalan dan konfigurasi devServer

Pelaksanaan kod perniagaan

demo HMR

Peta Sumber

Pembungkusan persekitaran pengeluaran

Ekstrak kod biasa

Analisis ES6

Demo

Bab4Bab Empat

Penyediaan projek

Pemisahan komponen

Pelaksanaan asas komponen MainHeader

Pengoptimuman kod MainHeader

Struktur halaman MainTodo

Gaya MainTodo

Struktur halaman TodoItem

Gaya TodoItem

TodoItem menambah fungsi

TodoItem memilih fungsi padam

Bab5bab Lima

Gaya TodoInfo

Pengoptimuman gaya TodoInfo

Fungsi statistik TodoInfo

Fungsi penukaran status TodoInfo

Fungsi memadam Todoinfo

ringkasan

Komponen Mainfooter

  • BatalbalasMenghantar
  • Batalhantar notaMenghantar