Isi utama artikel ini dirangkum dengan mengacu pada dokumentasi resmi:
Vue.js
Vue.js @ perpustakaan yang ditulis oleh Mr. You Yuxi untuk membuat antarmuka interaktif web adalah MVVM yang ramping. Dari sudut pandang teknis, Vue.js berfokus pada lapisan ViewModel dari model MVVM. Ini menghubungkan lapisan tampilan dan lapisan model melalui pengikatan data dua arah. Format enkapsulasi DOM dan output yang sebenarnya disarikan untuk arahan dan filter. Vue.js adalah perpustakaan kecil dan indah dibandingkan dengan perpustakaan lainnya. Tujuan utama penulis adalah untuk menghasilkan pengikatan data reflektif dan komponen tampilan yang dapat dikomposisi melalui API sederhana. Saya merasa bahwa ide penulis sangat jelas.
keuntungan:
Sederhana: Dokumentasi resmi sangat jelas, lebih sederhana dan lebih mudah dipelajari daripada Angular.
Cepat: Memperbarui DOM dalam pemrosesan batch asinkron.
Kombinasi: Gabungkan aplikasi Anda dengan komponen yang dipisahkan dan dapat digunakan kembali.
Compact: ~ 18KB min+GZIP, dan tidak memiliki dependensi.
Kuat: Ekspresi & Properti yang Dihitung yang Tidak Membutuhkan Deklarasikan Ketergantungan.
Modul-Friendly: Ini dapat diinstal melalui NPM, Bower atau Duo, dan tidak memaksa semua kode Anda untuk mengikuti berbagai peraturan sudut, membuat skenario penggunaan lebih fleksibel.
kekurangan:
Bayi Baru Lahir: Vue.js adalah proyek baru, versi kandidat rilis 0.10.0 yang dirilis pada 20 Maret 2014. Saat ini, versi terbaru di GitHub adalah 0.11.4, yang tidak matang seperti Angular.
Dampaknya tidak terlalu besar: Saya mencari di Google dan ada lebih sedikit keragaman atau kekayaan Vue.js daripada beberapa perpustakaan terkenal lainnya.
IE8 tidak didukung: haha, tetapi AngularJS 1.3 juga meninggalkan dukungan untuk IE8, tetapi @微官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官 � ini tidak baik untuk proyek yang perlu mendukung IE8, tetapi ini juga merupakan tren dalam pengembangan front-end web. Misalnya, versi rendah IE harus keluar dari tahap sejarah dengan mengubah pemikiran front-end kami, daripada beradaptasi dengan mereka yang menggunakan versi lama tanpa meningkatkan. @德官网官网 mengatakan satu hal, saya pikir itu sangat bagus. "Dalam beberapa hari terakhir, mendukung IE6 dan 7 telah lama tidak lagi menjadi fitur, tetapi memalukan. Kami berusaha untuk mempromosikan Alipay untuk sepenuhnya tidak mendukung IE6 dan 7, dan menantikan lebih banyak saudara bergabung."
AngularJS
AngularJS sangat populer baru -baru ini dan memiliki banyak pengikut. Kerangka MVW JavaScript Superheroic
Pejabat itu mengatakan sederhana: "Teknologi klien ditulis sepenuhnya dalam JavaScript. Ini digunakan bersama dengan teknologi web lama lainnya (HTML, CSS dan JavaScript) untuk membuat pengembangan aplikasi web lebih sederhana dan lebih cepat dari sebelumnya." Ketika Anda mempelajarinya, saya yakin Anda akan tertarik dengan banyak efek khusus baru.
keuntungan:
Pandangan Dinamis: Saya tidak pernah berpikir JS dapat memperluas atribut HTML seperti ini sebelumnya, tetapi AngularJS melakukannya. Itu menambahkan banyak fungsi ekstensi ke HTML statis kami, yang membuat HTML dari kematian ke kehidupan.
Sempurna: Ini adalah kerangka kerja MVW front-end yang relatif lengkap, termasuk templat, pengikatan data dua arah, perutean, modularisasi, layanan, injeksi ketergantungan dan fungsi lainnya. Template kuat dan kaya fungsi, dan deklaratif, dengan instruksi sudut yang kaya.
Pemeliharaan Google: AngularJS memiliki Google untuk dipertahankan, dan tidak diragukan lagi memiliki backend yang kuat. Ini memiliki keunggulan yang jelas dibandingkan Vue.js dan Avalon untuk promosi dan pemeliharaan. Komunitas ini juga sangat hidup dan dapat mempromosikan perkembangannya dengan baik.
AngularJS & Ionic: Ionic: Kerangka kerja aplikasi seluler html5 canggih, keduanya adalah teman yang baik. Ionic menggunakan AngularJS untuk membuat kerangka kerja yang paling cocok untuk pengembangan aplikasi yang kaya dan kuat. Terakhir kali, saya menjawab pertanyaan terkait tentang Zhihu untuk mengembangkan WebApps. Kerangka kerja dan platform aplikasi kemasan mana yang merupakan kinerja dan efisiensi terbaik? - Jawaban Tang Wei, silakan lihat di sini untuk detailnya.
kekurangan:
Besar dan komprehensif: Sulit dipelajari. Bagi saya, kurva belajar sangat berliku dan sulit dipahami.
Membatalkan dan menulis ulang: Saya mengunjungi komunitas beberapa waktu yang lalu dan menemukan bahwa AngularJS2.0 akan membatalkan dan menulis ulang pembalik dan menulis ulang sebelumnya. Dua kerangka kerja telah banyak berubah, pada dasarnya dua kerangka kerja. Ini setara dengan mengatakan bahwa Anda harus memulai dari awal setelah 2.0 keluar. Tapi sekali lagi, //www.vevb.com/article/79637.htm artikel ini menjelaskan perubahan dalam AngularJS2.0 dengan sangat baik.
Itu tidak mendukung IE8 atau di bawah. Tampaknya 2.0 hanya didukung pada perangkat seluler. Mari kita lihat setelahnya keluar.
Avalon.js
Avalon.js adalah kerangka kerja mini MVVM yang sederhana dan mudah digunakan yang ditulis oleh @situ zhengmei. Ini pertama kali diterbitkan pada 2012.09.15 dan dikembangkan untuk menyelesaikan keberadaan berbagai pandangan dari logika bisnis yang sama. Anda sering dapat melihat bahwa guru mempromosikan Avalon.js -nya dan telah menerbitkan banyak tutorial, yang tidak diragukan lagi memberikan kenyamanan besar kepada orang -orang di Cina yang mempelajari Avalon.js.
keuntungan
Mudah digunakan, tambahkan binding dalam HTML, tentukan ViewModel di JS dengan avalon.define, lalu hubungi metode Avalon.scan, dan itu akan dapat bergerak!
Kompatibel dengan IE6 (kerangka kerja MVVM lainnya, Knockoutjs (IE6), AngularJS (IE9), Emberjs (IE8), WinJs (IE9)), dan Avalon.Mobile, yang dapat berjalan lebih efisien di browser versi baru seperti IE10.
Tidak ada dependensi, kurang dari 5000 baris, kurang dari 50 kib setelah kompresi
Mendukung fungsi penyaringan gaya karakter pipa untuk memfasilitasi output pemformatan
Granularitas penyegaran lokal telah disempurnakan ke simpul teks, node fitur
Node yang akan dioperasikan terikat ke fungsi refresh tampilan pada pemindaian pertama dan di -cache, sehingga tidak ada ruang bagi pemilih untuk muncul.
Membuat kode operasi dom hampir punah
Menggunakan mekanisme tumpang tindih seperti CSS, biarkan setiap viewmodel partisi membuat halaman secara bergantian
Saat simpul dihapus, uninstall secara cerdas fungsi refresh tampilan yang sesuai untuk menyimpan memori
Data operasi adalah untuk mengoperasikan DOM, dan operasi pada ViewModel akan disinkronkan ke tampilan dan model.
Muncul dengan AMD Module Loader, sehingga dapat menghindari integrasi dengan loader lain.
kekurangan
1. Penyaringan array tidak sebagus sudut. Filter Avalon hanya dapat digunakan untuk MS-teks, MS-HTML
2. Tidak ada dokumen bahasa Inggris, publisitas dibatasi
3. Kulit Oniui tidak cukup tampan. Banyak orang mengatakan mereka ingin bekerja sama dengan Boostrap, tetapi tidak ada seorang pun di masyarakat yang mengambil inisiatif untuk melakukan ini.