Di masa lalu, pengembangan front-end (web atau seluler) terutama menggunakan jQuery + JS asli. Jika beberapa kerangka kerja UI front-end digunakan, itu juga dapat menyediakan beberapa API untuk digunakan. Selain itu, banyak kerangka kerja UI didasarkan pada jQuery, sehingga rentang dari jQuery ke AngularJS relatif besar. Saya telah mempelajari AngularJS untuk sementara waktu. Mari kita bicara tentang pengalaman keseluruhan:
Tentang perbandingan dengan jQuery
Pertama -tama, Angular adalah kerangka kerja MVC. Perbedaan antara itu dan jQuery adalah bahwa yang pertama berkomitmen untuk memisahkan kode MVC dan menggunakan model, pengontrol, dan tampilan untuk mengatur kode. Yang terakhir memberi Anda banyak fungsi API. Anda tidak perlu menulis banyak JS asli untuk mencapai efek yang lebih kompleks, seperti animasi, $ .anime. Jika Anda perlu menulis JS asli, volume kode akan relatif besar;
Kedua, jQuery tidak menentukan bagaimana kode Anda diatur. Anda dapat menempatkannya di file JS terpisah untuk referensi, atau Anda dapat langsung menulisnya di halaman untuk membungkusnya dengan tag skrip, atau bahkan menulisnya secara langsung di tag HTML di inline. Namun, AngularJS akan membagi halaman HTML menjadi beberapa modul, masing -masing modul dapat memiliki ruang lingkup, layanan dan arahannya sendiri, dan komunikasi dapat dilakukan di antara modul, tetapi keseluruhan struktur relatif jelas, yaitu, metode organisasi kode modular.
Akhirnya, ide JQuery adalah merancang halaman terlebih dahulu, dan kemudian melakukan operasi DOM di halaman yang ada dan menampilkan halaman. Namun, tampilan sudut mungkin hanya kerangka kerja, dan operasi DOM atau pemantauan waktu dari tampilan diimplementasikan dalam Petunjuk. Secara umum, jarang ditulis langsung sendiri, selama Anda mendengarkan modelnya. Tampilan juga akan berubah setelah model berubah.
Tentang acara yang berlaku
JQuery harus cocok untuk sebagian besar pengembangan web, dan ada juga jQueryMobile di sisi seluler. Beberapa orang mengatakan bahwa AngularJS lebih cocok untuk SPA (saya pribadi berpikir bahwa SPA di ponsel dapat menyebabkan masalah kinerja karena mekanisme pemeriksaan kotor akan mempengaruhi kinerja). Di sisi web, beberapa aplikasi CRUD atau perangkat lunak manajemen masih dapat digunakan (tentu saja, pemahaman di sini mungkin tidak akurat, dan Anda akan memahami dan menggunakannya lebih banyak dengan pembelajaran mendalam).
Tentang kombinasi UI
Mengembangkan produk apa pun membutuhkan penggunaan UI front-end. Saat ini, banyak UI didasarkan pada jQuery, yang berarti bahwa jika Anda ingin menggunakan AngularJS dan komponen UI ini, Anda perlu menggunakan arahan AngularJS untuk menulis ulang beberapa komponen. Proses ini cukup merepotkan. Untungnya, Angular memberi kita beberapa komponen UI yang dapat digunakan (sisi web terutama menggabungkan komponen front-end bootstrap), http://angular-ui.github.io/, dan di sisi seluler, ini terutama menggabungkan kerangka kerja ionik http://ionicframework.com/. Namun, dengan pengembangan sudut, banyak kerangka kerja front-end HTML5 secara bertahap mengintegrasikan versi AngularJS untuk digunakan.
Tentang fitur AngularJS
1. Ikatan Data Besar Data: Ini mungkin fitur yang paling menarik. Data lapisan tampilan dan data lapisan model adalah ikatan dua arah. Jika salah satu dari mereka berubah, sisi lain akan berubah sesuai. Anda tidak perlu menulis kode apa pun! (Pikirkan tentang bagaimana melakukannya dalam mode jQuery)
2. Kode ini modular, dan kode masing -masing modul memiliki ruang lingkup, model, pengontrol, dll.
3. Petunjuk yang kuat dapat merangkum banyak fungsi menjadi tag, atribut atau komentar, dll., Yang sangat mempercantik struktur HTML dan meningkatkan keterbacaan;
4. Injeksi ketergantungan, memberikan pola desain bahasa backend ini ke kode front-end, yang berarti bahwa kode front-end dapat meningkatkan penggunaan kembali dan fleksibilitas. Di masa depan, model dapat menempatkan sejumlah besar operasi pada klien, dan server hanya menyediakan sumber data dan operasi yang tidak dapat diselesaikan oleh klien lain;
5. Pengembangan yang digerakkan oleh Tes, AngularJS bertujuan untuk memulai dengan ini. Aplikasi yang dikembangkan menggunakan Angular dapat dengan mudah melakukan pengujian unit dan pengujian ujung-ke-ujung, yang memecahkan kekurangan kode JS tradisional sulit untuk diuji dan dipelihara.
Di atas adalah kesimpulan yang ditarik dengan mempelajari angularjs untuk jangka waktu tertentu. Beberapa area dapat dihilangkan. Itu tidak masalah. Selanjutnya, kami akan mengembangkan salah satu poin dan belajar langkah demi langkah.