Cara membandingkan dan menganalisis tiga rangka kerja bahagian hadapan web arus perdana

Perbandingan adalah seperti berikut: 1. Vue, API yang disediakan adalah agak mudah dan intuitif, menggunakan templat DOM 2. Bersudut, bergantung pada penyemakan data yang kotor, semakin ramai Pemerhati, semakin perlahan; , menggunakan sintaks JSX khas, DOM Maya yang digunakan akan melakukan semakan kotor pada hasil yang diberikan.

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi JavaScript 1.8.5, komputer Dell G3.

Corak rangka kerja MVX: MVC MVP MVVM

1.MVC: Model (Model) View (View) Controller (Controller), terutamanya berdasarkan tujuan melapis, untuk memisahkan tanggungjawab masing-masing .

View berkomunikasi dengan Model melalui Pengawal ialah penyelaras View dan Model dan Model tidak disambungkan secara langsung, dan komunikasi asas adalah sehala.

Pengguna mengendalikan Model templat melalui pengawal untuk mencapai perubahan dalam paparan.

2. MVP: Ia berkembang daripada model MVC, dan Pengawal/Penyampai bertanggungjawab untuk pemprosesan logik Model menyediakan data dan Paparan bertanggungjawab untuk paparan.

Dalam MVP, Presenter mengasingkan sepenuhnya View dan Model, dan logik program utama dilaksanakan dalam Presenter.

Selain itu, Penyampai dan Paparan tidak berkaitan secara langsung melalui antara muka yang ditentukan, supaya Penyampai boleh kekal tidak berubah apabila Paparan diubah.

Rangka kerja model MVP: Riot, js.

3.MVVM: MVVM menukar Pengawal dalam MVC dan Penyampai dalam MVP kepada ViewModel. Model View ViewModel.

Perubahan dalam Paparan akan dikemas kini secara automatik kepada Model dan perubahan dalam Model juga akan disegerakkan secara automatik ke Paparan untuk paparan.

Penyegerakan automatik ini adalah kerana sifat dalam ViewModel melaksanakan Observer, dan operasi yang sepadan boleh dicetuskan apabila sifat berubah.

Apakah itu Vue.js?

Setelah melihat pengenalan corak rangka kerja di atas, kita boleh tahu bahawa ia adalah rangka kerja kepunyaan corak MVVM. Jadi apakah ciri-cirinya?

Malah, Vue.js bukan rangka kerja, kerana ia hanya memfokuskan pada lapisan paparan dan merupakan perpustakaan untuk membina antara muka web dipacu data.

Vue.js menyediakan pengikatan data yang cekap dan sistem komponen yang fleksibel melalui API yang ringkas (Antara Muka Pengaturcaraan Aplikasi).

Ciri-ciri Vue.js adalah seperti berikut:

1 Rangka kerja ringan

2 pengikatan data dua hala

3 >

4. Pemalam

Apakah perbezaan antara Vue.js dan rangka kerja lain?

1. Perbezaan daripada AngularJS

Mata yang sama:

kedua-dua arahan sokongan: arahan terbina dalam dan arahan tersuai.

Kedua-dua penapis sokongan: penapis terbina dalam dan penapis tersuai.

kedua-duanya menyokong pengikatan data dua hala.

Tidak menyokong penyemak imbas rendah.

Perbezaan:

1 AngularJS mempunyai kos pembelajaran yang tinggi, seperti penambahan ciri Suntikan Ketergantungan, manakala API yang disediakan oleh Vue.js sendiri agak mudah dan intuitif.

2. Dari segi prestasi, AngularJS bergantung pada penyemakan data yang kotor, jadi semakin ramai Pemerhati, semakin perlahan ia.

Vue.js menggunakan pemerhatian berasaskan penjejakan kebergantungan dan menggunakan kemas kini baris gilir tak segerak. Semua data dicetuskan secara bebas.

Untuk aplikasi besar, perbezaan pengoptimuman ini agak jelas.

2. Perbezaan daripada React

Mata yang serupa:

React menggunakan sintaks JSX khas, dan Vue.js juga mengesyorkan menulis format fail khas .vue dalam pembangunan komponen di sana adalah beberapa konvensyen pada kandungan fail, dan kedua-duanya perlu disusun sebelum digunakan.

Idea utama adalah sama: semuanya adalah komponen dan tika komponen boleh disarangkan.

semuanya menyediakan fungsi cangkuk yang munasabah, membolehkan pembangun menyesuaikan keperluan mereka.

tidak mempunyai AJAX terbina dalam, Laluan dan fungsi lain ke dalam pakej teras, tetapi dimuatkan sebagai pemalam.

Menyokong ciri campuran dalam pembangunan komponen.

Perbezaan:

React bergantung pada DOM Maya, manakala Vue.js menggunakan templat DOM. DOM Maya yang digunakan oleh React akan melakukan semakan kotor pada hasil yang diberikan.

Vue.js menyediakan arahan, penapis, dsb. dalam templat, yang boleh mengendalikan DOM dengan sangat mudah dan pantas.

[Pembelajaran yang disyorkan:

Tutorial JavaScript Lanjutan]

Atas ialah kandungan terperinci Cara membandingkan dan menganalisis tiga rangka kerja bahagian hadapan web arus perdana. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!