Tiga rangka kerja bahagian hadapan utama merujuk kepada: 1. Sudut, iaitu rangka kerja MVC JavaScript bahagian hadapan untuk membina antara muka pengguna 2. React, iaitu rangka kerja JavaScript untuk membina antara muka pengguna; Vue, yang merupakan rangka kerja JavaScript progresif untuk membina antara muka pengguna.

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

Tiga rangka kerja bahagian hadapan web arus perdana ialah Angular, React dan Vue.

angular

Angular, dahulunya dikenali sebagai angularJS, dilahirkan pada tahun 2009. Sebelum ini, kami menggunakan jquery untuk membangunkan Sejak kemunculan sudut, kami telah pilihan baharu. Ciri terbesarnya ialah ia memindahkan beberapa model pembangunan bahagian belakang ke bahagian hadapan untuk pelaksanaan, seperti MVC, suntikan pergantungan, dsb.

Angular ialah rangka kerja JavaScript, perpustakaan yang ditulis dalam JavaScript, rangka kerja MVC JavaScript sisi klien untuk membangunkan aplikasi web dinamik. Ia pada asalnya bermula sebagai projek Google, tetapi kini ia adalah rangka kerja sumber terbuka.

Kelebihan rangka kerja Angular:

1 Rangka kerja sudut menyokong pelbagai platform dan ia bukan sahaja menyediakan pelbagai alatan tetapi juga kaedah yang boleh diselenggara . Jadi apabila anda menggunakannya dengan betul, anda tidak akan menemui struktur kod yang sukar untuk diubah suai dan diuji

2. Angular dibina menggunakan TypeScript dan TypeScript bergantung pada JS ES6, jadi tidak perlu mempelajari bahasa baharu. Tetapi anda masih boleh mendapatkan ciri seperti jenis statik, antara muka, kelas, ruang nama, penghias, dsb.

3. Komponen dalam Angular diasingkan, jadi kita boleh menggantikan pelbagai komponen dengan mudah. Dan dengan Angular, penyampaian dan logik aplikasi tidak digandingkan dengan ketat, yang menjadikan markup lebih jelas dan mudah.

4. Tujuan Angular adalah untuk menjalankan ujian komprehensif Ia menyokong penggunaan alat seperti Jasmine dan Protractor untuk ujian unit dan ujian hujung ke hujung

5 untuk kedua-dua mudah alih dan PC, yang bermaksud Ia adalah rangka kerja yang sesuai untuk berbilang platform. Dan banyak alat pihak ketiga yang berguna boleh didapati dalam rangka kerja ini

[Tutorial yang disyorkan: Tutorial video sudut]

bertindak balas

react ialah perpustakaan JavaScript yang dilancarkan oleh Facebook untuk membina antara muka pengguna. React digunakan terutamanya untuk membina UI Ramai orang menganggap React sebagai V (pandangan) dalam MVC. React mempunyai prestasi tinggi dan logik kod yang sangat mudah Semakin ramai orang mula memberi perhatian dan menggunakannya.

React berasal daripada projek dalaman Facebook Kerana syarikat itu tidak berpuas hati dengan semua rangka kerja MVC JavaScript di pasaran, ia memutuskan untuk menulisnya sendiri untuk membina tapak web Instagram. Selepas membuatnya, saya mendapati bahawa set perkara ini sangat berguna, jadi ia adalah sumber terbuka pada Mei 2013.

Oleh kerana idea reka bentuk React sangat unik, ia merupakan inovasi revolusioner, mempunyai prestasi cemerlang, dan logik kodnya sangat mudah. Oleh itu, semakin ramai orang mula memberi perhatian dan menggunakannya, memikirkan bahawa ia mungkin alat arus perdana untuk pembangunan web pada masa hadapan.

React digunakan terutamanya untuk membina UI. Anda boleh menghantar pelbagai jenis parameter dalam React, seperti kod pengisytiharan untuk membantu anda memaparkan UI, elemen DOM HTML statik, pembolehubah dinamik dan juga komponen aplikasi interaktif. [Tutorial video yang disyorkan: "5 tutorial video praktikal pembelajaran redis yang baik disyorkan"]

Ciri:

• Reka bentuk deklaratif : React mengamalkan paradigma deklaratif, yang memudahkan untuk menerangkan aplikasi.

• Cekap: React meminimumkan interaksi dengan DOM dengan mensimulasikan DOM.

• Fleksibel: React dimainkan dengan baik dengan perpustakaan atau rangka kerja yang diketahui.

vue

Vue.js ialah rangka kerja bahagian hadapan JavaScript yang popular, rangka kerja JavaScript sumber terbuka untuk mencipta antara muka pengguna, direka bentuk untuk Lebih Baik mengatur dan memudahkan pembangunan web. Fokus teras Vue ialah lapisan paparan dalam corak MVC Pada masa yang sama, ia juga boleh mendapatkan kemas kini data dengan mudah dan merealisasikan interaksi antara paparan dan model melalui kaedah tertentu dalam komponen.

Vue.js ialah rangka kerja progresif untuk membina antara muka pengguna. Tidak seperti rangka kerja heavyweight lain, Vue menggunakan reka bentuk pembangunan tambahan dari bawah ke atas. Pustaka teras Vue hanya memfokuskan pada lapisan paparan, dan sangat mudah dipelajari serta disepadukan dengan perpustakaan lain atau projek sedia ada. Vue, sebaliknya, mampu sepenuhnya memacu aplikasi satu halaman kompleks yang dibangunkan menggunakan komponen fail tunggal dan perpustakaan yang disokong oleh ekosistem Vue. [Tutorial video yang disyorkan: "Pilihan terkini 5 tutorial video vue.js"]

Matlamat Vue.js adalah untuk mencapai pengikatan data tindak balas dan komponen paparan Gabungan.

Vue.js sendiri bukanlah rangka kerja yang komprehensif - ia hanya memfokuskan pada lapisan paparan. Oleh itu ia sangat mudah untuk dipelajari dan sangat mudah untuk disepadukan dengan perpustakaan lain atau projek sedia ada. Sebaliknya, Vue.js juga boleh menguasakan aplikasi satu halaman yang kompleks dengan sempurna apabila digunakan dengan alatan yang berkaitan dan perpustakaan sokongan.

Kelebihan Vue:

• Vue.js boleh dibangunkan dalam komponen, yang sangat mengurangkan jumlah penulisan kod dan memudahkan pembaca memahami.

• Kelebihan Vue.js yang paling menonjol ialah ia boleh melakukan pengikatan data dua hala (kami jelas akan merasakan kemudahan ciri ini dalam penulisan seterusnya).

• Kesan antara muka yang ditulis menggunakan Vue.js sendiri adalah responsif, yang membolehkan halaman web memaparkan kesan yang sangat cantik pada pelbagai peranti.

• Berbanding dengan halaman tradisional yang menggunakan hiperpautan untuk menukar dan melompat halaman, Vue menggunakan penghalaan tanpa memuat semula halaman.

Untuk lebih banyak pengetahuan berkaitan pengaturcaraan, sila lawati: Pengenalan kepada Pengaturcaraan! !

Atas ialah kandungan terperinci Apakah tiga rangka kerja bahagian hadapan utama?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!