Pengenalan kepada sudut dan pengenalan kepada ciri-cirinya_AngularJS

Sebelum ini, pembangunan bahagian hadapan (web atau mudah alih) terutamanya menggunakan jQuery native js Jika anda menggunakan beberapa rangka kerja UI bahagian hadapan, ia juga mungkin menyediakan beberapa API yang boleh anda gunakan. Dan banyak rangka kerja UI pada masa ini berdasarkan jQuery, jadi mari kita bercakap tentang rentang besar dari jQuery ke angularjs saya telah mempelajari angularjs untuk seketika

Mengenai perbandingan dengan jquery

Pertama sekali, Angular ialah rangka kerja MVC Perbezaan antaranya dan jQuery ialah yang pertama komited untuk menyahganding kod MVC dan menggunakan model, pengawal dan pandangan untuk mengatur kod, manakala yang kedua menyediakan anda dengan banyak fungsi API. yang anda tidak perlukan menulis banyak js asli untuk mencapai kesan yang lebih kompleks, seperti animasi, $.animate Jika kesan tersebut memerlukan js asli untuk menulis, jumlah kod akan menjadi agak besar;

Kedua, jQuery tidak mentakrifkan cara kod anda disusun Anda boleh meletakkannya dalam fail js yang berasingan untuk rujukan, atau anda boleh menulisnya terus dalam halaman dan membungkusnya dengan tag skrip, atau anda juga boleh menulisnya secara terus. sebaris. Dalam teg html, angularjs akan membahagikan halaman HTML kepada beberapa modul Setiap modul boleh mempunyai skop, perkhidmatan dan arahan sendiri Setiap modul juga boleh berkomunikasi antara satu sama lain, tetapi struktur keseluruhannya agak jelas Organisasi kodnya adalah modular.

Akhir sekali, idea jQuery adalah untuk mereka bentuk halaman dahulu, kemudian melakukan operasi dom pada halaman sedia ada dan kemudian memaparkan halaman Walau bagaimanapun, pandangan sudut mungkin hanya bingkai, dan operasi dom atau pemantauan masa pandangan semua dalam Ia dilaksanakan dalam arahan, dan secara amnya, anda jarang menulis kod operasi Dom secara langsung, selagi anda mendengar model. Apabila model berubah, pandangan juga akan berubah.

Mengenai majlis yang berkenaan

jQuery sepatutnya sesuai untuk kebanyakan pembangunan web, dan terdapat juga versi mudah alih (jQuery mudah alih Sesetengah orang mengatakan bahawa angularjs lebih sesuai untuk SPA (saya secara peribadi berpendapat bahawa SPA pada telefon bimbit mungkin menyebabkan masalah prestasi kerana ia kotor). mekanisme semakan akan Menjejaskan prestasi), di bahagian web, beberapa aplikasi CRUD atau perisian pengurusan masih boleh digunakan (sudah tentu pemahaman di sini mungkin tidak tepat, dan kami akan mempelajari lebih lanjut dan menggunakannya dengan kajian yang mendalam).

Mengenai gabungan UI

Membangunkan sebarang produk memerlukan penggunaan UI bahagian hadapan Pada masa ini, banyak UI adalah berdasarkan jQuery, yang bermaksud bahawa jika anda ingin menggunakan angularjs dan komponen Ui ini, anda perlu menggunakan arahan angularjs untuk menulis semula beberapa komponen ini Proses adalah Lebih menyusahkan, angular memberikan kami beberapa komponen UI yang boleh digunakan (bahagian web terutamanya digabungkan dengan komponen bahagian hadapan bootstrap),

http://angular-ui.github.io/

, dan dalam Terminal mudah alih terutamanya digabungkan dengan rangka kerja ionik http://ionicframework.com/, tetapi dengan pembangunan sudut, banyak rangka kerja bahagian hadapan HTML5 telah menyepadukan versi angularjs secara beransur-ansur untuk kegunaan.

Mengenai ciri angularjs

1. Pengikatan data dua hala: Ini mungkin ciri yang paling menarik Data dalam lapisan paparan dan data dalam lapisan model adalah terikat dua hala . Ini tidak memerlukan anda menulis sebarang kod! (Fikirkan tentang cara melakukannya dengan jQuery)

2. Modularisasi kod, kod setiap modul mempunyai skop, model, pengawal, dsb. sendiri secara bebas.

3. Arahan berkuasa boleh merangkumkan banyak fungsi ke dalam tag HTML, atribut atau ulasan, dsb., yang sangat memperindah struktur HTML dan meningkatkan kebolehbacaan

4. Suntikan kebergantungan, corak reka bentuk bahasa bahagian belakang ini diberikan kepada kod bahagian hadapan, yang bermaksud bahawa kod bahagian hadapan boleh meningkatkan kebolehgunaan semula dan kefleksibelan model masa hadapan boleh meletakkan sejumlah besar operasi pada klien , dan pelayan sahaja Menyediakan sumber data dan operasi yang tidak dapat diselesaikan oleh pelanggan lain;

5. Pembangunan dipacu ujian, angularjs mempunyai matlamat ini dari awal Aplikasi yang dibangunkan menggunakan sudut boleh melakukan ujian unit dan ujian hujung ke hujung, yang menyelesaikan kekurangan kod js tradisional yang sukar untuk diuji dan dikekalkan.

Di atas adalah kesimpulan yang dibuat daripada mempelajari angularjs untuk satu tempoh masa.