Klasifikasi rangka kerja dan fungsi utama reka bentuk rangka kerja javascript_kemahiran javascript

Dari perspektif seni bina dan konsep dalaman, rangka kerja JavaScript semasa boleh dibahagikan kepada 5 kategori.

Yang pertama ialah perpustakaan kelas berorientasikan ruang nama atau rangka kerja Jika anda mencipta tatasusunan, gunakan Array() baharu dan jana objek, gunakan Object() baharu, iaitu gaya java sepenuhnya. Oleh itu, Kami menggunakan objek tertentu sebagai asas, dan sentiasa menambah objek dan atribut objek sekunder kepadanya untuk mengatur kod, membinanya seperti piramid Pada masa awal, ia mewakili YUI, EXT (jadi, bukan semua syarikat dinamik masih menggunakannya)

Yang kedua ialah rangka kerja berorientasikan kilang kelas . Yang terkenal termasuk Prototaip, mootools, Base2, dan Ten Pada asasnya, kecuali ruang nama yang paling asas, modul lain ialah objek kelas yang diperoleh daripada kilang kelas. Khususnya, mootools1.3 merangkum semua jenis ke dalam jenis Jenis.

Jenis ketiga ialah rangka kerja berorientasikan pemilih yang diwakili oleh jQuery Keseluruhan rangka kerja atau badan perpustakaan ialah objek seperti tatasusunan, yang memudahkan operasi terpusat (kerana pemilih tiba-tiba nod elemen N dipilih. ), jadi mereka diproses bersama. Terdapat beberapa perkara hebat tentang jQuery:

Teknologi "Tiada instantiasi baharu", $(expr) mengembalikan tika, tiada baharu yang jelas diperlukan
dapatkan dahulu tetapkan semua peraturan akses;
Sistem caching data. Dengan cara ini anda boleh menetapkan acara nod.
IIFE juga ditemui

Jenis keempat ialah rangka kerja disambungkan oleh pemuat Ia mempunyai berbilang fail javascript, dan setiap fail javascript ditulis mengikut peraturan tetap. Antaranya, yang paling terkenal ialah AMD. Modularisasi adalah tanda bahawa JavaScript sedang bergerak ke arah perindustrian "Satu-satunya cara untuk menulis perisian yang kompleks tanpa menjadikannya kucar-kacir adalah dengan menentukan antara muka yang jelas dan menggabungkan beberapa modul Dengan cara ini, kebanyakan masalah hanya akan muncul secara tempatan, jadi masih terdapat masalah. ” Diharapkan penambahbaikan dan pengoptimuman tempatan dapat dilakukan tanpa menjejaskan keseluruhan badan "Banyak rangka kerja dalaman perusahaan pada asasnya menggunakan seni bina ini, seperti Dojo, YUI, Kissy, qwrap, jisim, (requirejs, Seajs), dll.

Jenis kelima ialah MV* dengan seni bina berlapis yang jelas Yang pertama ialah javascript MVC, (kini dipanggil Canjs), backbone.js dan spinejs, dan kemudian rangka kerja MVVM yang lebih selaras dengan. bahagian hadapan yang sebenar Contohnya, kalah mati, bara api, sudut, avalon, winjs. Dalam rangka kerja MVVM, operasi DOM asal digantikan dengan pengikatan deklaratif, yang dikendalikan secara bebas oleh rangka kerja dan pengguna hanya menumpukan pada kod perniagaan.

Fungsi utama rangka kerja javascript

Pembahagian modul perpustakaan kelas rangka kerja jQuery adalah berdasarkan kod sumber pada github, yang pada asasnya adalah modul dan fail javascript terus meningkatkan keserasian pada masa hadapan Penambahbaikan prestasi telah dibuat Selepas bertahun-tahun pembangunan, pemalam besar jQuery dan saluran penyerahan BUG yang lengkap telah membolehkannya terus bertambah baik

Prototype.jsRaja awal, ia terbahagi kepada empat bahagian.

Pelanjutan bahasa
Sambungan DOM
Bahagian Ajax
Bahagian yang ditinggalkan, versi baharu menggunakan kaedah lain untuk mencapai fungsi asal

Prototype.js mempunyai pelbagai sambungan bahasa, termasuk jenis data asas dan "kelas" yang dipinjam daripada bahasa tersebut. Antaranya, Enumerable hanyalah pakej kaedah biasa, manakala ObjectRange, PeriodicalExecuter, dan Templat dihasilkan menggunakan kilang kelas Kelas (daripada sumbangan komuniti).

mootoolsOleh kerana reka bentuk API sangat elegan dan terdapat banyak pemalam berkualiti tinggi di tapak web rasminya, ia tidak merosot dalam gelombang penentangan terhadap sambungan prototaip.

Rightjs: Satu lagi rangka kerja untuk sambungan prototaip, MochiKit ialah rangka kerja gaya Python yang sangat unik dan boleh disenaraikan antara sepuluh rangka kerja teratas.
Sepuluh: Rangka kerja Javascript komuniti blog Jepun yang terkenal Hatena, yang dibangunkan oleh amachang, dipengaruhi oleh Prototype.js, ialah contoh terawal rangka kerja yang dinamakan sempena ruang; Rangka Kerja jisim: rangka kerja gaya jQuery yang menyasarkan besar pembangunan modul.

Selepas perbandingan terperinci, kita boleh membuat kesimpulan dengan mudah tentang ciri rangka kerja berikut

对基本数据的操作是基础，如jQuery提供的trim camelCase each map等方法，Prototype.js等入侵式框架则在原型上添加camelize等方法
类型的判定比不可少，常见的形式是jsXXX系列
选择器，domReady Ajax是现代框架的标配
DOM操作是重中之重，节点的遍历，样式操作，属性操作也属于它的范畴
现在主流的事件系统都支持事件代理
数据的缓存与处理，目前浏览器也支持data-属性进行操作，但不好用，需要框架封装
动画引擎
插件的易开发和扩展性
提供诸如Deferred这样处理异步的解决方案
即使不专门提供一个类工厂，也应该存在一个名为extend或mixin的方法对对象进行扩展。jQuery虽然没有类工厂，但在jQuery UI中也不得不增加一个，可见其重要性。
自从jQuery出来一个名为noConflict的方法，新兴的框架都带此方法，以求狭缝中生存。
许多框架非常重视Cookie操作。

Di atas adalah keseluruhan kandungan artikel ini, saya harap anda semua menyukainya.