Kerangka bahagian hadapan kecuali bootstrap: 2. AUI; 4. WeUI;

Persekitaran pengendalian tutorial ini: sistem Windows 10, bootstrap versi 3.3.7, komputer DELL G3

Selain bootstrap, apakah rangka kerja bahagian hadapan yang lain ada

AUI

Yang ketiga ialah AUI yang baru muncul baru-baru ini Walaupun penulis mendakwa bahawa ia adalah rangka kerja UI yang direka khas untuk pembangun APICloud, sebenarnya ia masih menyelesaikan masalah Masalah biasa dengan banyak pembangunan bahagian hadapan mudah alih ialah rangka kerja CSS terutamanya berorientasikan pembangunan hibrid. Nampaknya penulis agak agresif dan menggunakan pelbagai CSS3 canggih di mana-mana, menyebabkan saya perlu menyemak keserasian CSS3 ini. Menepati jangkaan, saya memilih sifat dengan keserasian yang baik. Saya sangat teruja sehingga saya mempelajari beberapa perkara yang baik daripada senior saya Rangka kerja ini juga menyediakan komponen seperti antara muka sembang dan senarai pengiraan, yang menyelesaikan banyak masalah rumit yang membuat saya mengutuk. Reka letak kini boleh diambil dan digunakan secara langsung.

Ringkasan: Kelebihan rangka kerja ini untuk saya ialah rangka kerja CSS tulen saya telah menggunakan Pure sebelum ini dan saya mempunyai beberapa kebolehan JS Jika ia bukan kesan yang rumit, saya boleh mencari CSS tulen rangka kerja dan mengubah suainya sendiri. Tidak mengapa, dan kini CSS3 juga boleh mencapai animasi, dengan mengambil kira kecekapan, kualiti dan kecekapan, jadi saya masih memilih rangka kerja CSS ini. Satu perkara yang saya tidak berpuas hati ialah dokumentasi rangka kerja ini sangat bagus, dan ia dikatakan lebih unggul.

UI Beku

Beberapa masa lalu saya melihat QQ serta-merta menjadi lebih tinggi Kemudian saya bertanya dan mendapati bahawa perkhidmatan pelanggan QQ juga menggunakan pembangunan hibrid, antaranya ahli QQ penggunaan bahagian hadapan Ia adalah Frozen UI, dan rangka kerja ini adalah sumber terbuka. Saya sangat gembira sehingga saya tidak dapat menahan kesunyian dalam hati saya dan mencubanya secara langsung Dalam pengalaman pertama saya, saya merasakan bahawa kesan gaya asas adalah mudah dan warnanya menyegarkan Terdapat komuniti yang agak aktif, jadi komponennya agak kaya.

Ringkasan: Sangat bagus jika anda menggunakan Frozen UI dengan sesuatu seperti APICloud untuk membuat APP hibrid, atau menggunakan ayam belanda asli untuk bersarang dalam aplikasi untuk pembangunan bahagian hadapan ini sesuai untuk android 2.3 , Ia serasi dengan ios 4.0, atau ia adalah pilihan yang sangat baik untuk menggunakannya sebagai Apl Web Kelemahannya boleh dilihat dari peringkat UI Siapa yang membuatnya dilahirkan pada bahagian hadapan ahli QQ.

WeUI

Kedua-dua WeUI dan FrozenUI adalah rangka kerja yang agak khusus daripada FrozenUI. Ia tidak mempunyai tapak web rasmi pada gitHub. Isu diselesaikan. Sudah tentu, saiznya tidak perlu dikatakan, tetapi saiznya cukup baik. Rangka kerja telah dikeluarkan pada github sejak 16/1/23 Bintang melebihi 7K, tetapi ia tidak menolak bahawa pengguna tidak mempunyai tempat untuk melepaskan, jadi mereka semua pergi ke git, haha.

SUI

"SUI ialah perpustakaan komponen bahagian hadapan yang dibangunkan berdasarkan bootstrap. Ia juga merupakan satu set spesifikasi reka bentuk. Melalui SUI, ia boleh menjadi sangat mudah untuk mereka bentuk dan melaksanakan halaman Cantik”. Sudah tentu, adalah lebih baik untuk memetik iklan rasmi yang membosankan untuk menyelamatkan sel otak anda sendiri (囧...). jadilah apa yang Taobao berikan kepada mereka yang rugi.

UI Semantik

Yang ketiga hingga yang terakhir ialah UI Semantik saya bersentuhan dengan rangka kerja ini kerana Bootstrap sebaik sahaja UI Semantik dilancarkan pada github. ia menarik perhatian sebilangan besar pembangun, sehingga Ramai orang membandingkan kedua-duanya dan mengkritik dan memuji mereka Anda tidak boleh hanya mengangkat jari anda dan mula menyukainya hanya berdasarkan tiga atau empat ayat orang lain mereka, saya merasakan bahawa UI tidak jauh berbeza daripada Bootstrap, tetapi konvensyen penamaan kod Tetapi terdapat perbezaan yang besar Saya fikir UI Semantik hanya mahu melakukan sesuatu yang berbeza, dan nama kelas adalah sangat diskret apabila menggunakannya, anda perlu berhati-hati menamakan kelas yang anda kembangkan atau tambahkan konflik nama kelasnya.

Yayasan

Yayasan dianggap veteran dalam industri rangka kerja Mereka mengatakan bahawa rangka kerja adalah awal, dan rangka kerja ini masih begitu popular hari ini Bootstrap Jika anda mengalami perkara memalukan yang mengenai muka anda, maka anda boleh mempertimbangkan untuk menggunakan Foundation. Walaupun anda menggunakan elemen UI yang dipratentukan, ia tidak akan terlalu serupa dengan tapak web lain, sama seperti yang dikatakan pegawai itu untuk memberi pembangun pengalaman rangka kerja yang lebih fleksibel.

UiKit

UIkit dibangunkan oleh pasukan YOOtheme dan digunakan dalam banyak tema WordPress (iaitu, jika anda seorang peminat WordPress, maka rangka kerja ini harus lebih kajian mendalam yang sesuai), dan rangka kerja boleh disunting melalui editor GUI dan secara manual, jadi ia menyediakan mekanisme penyesuaian yang fleksibel dan berkuasa. Rangka kerja ini menyepadukan ciri unik projek sumber terbuka LESS, jQuery, normalize.css dan FontAwesome ke dalam rangka kerja hadapan yang ringan dan modular.

Tulen

Saya tersentuh dengan rangka kerja ini semasa saya mengusahakan sistem pengurusan saya memilih untuk menggunakannya kerana rangka kerjanya adalah CSS tulen tidak melibatkan terlalu banyak dan mudah digunakan Untuk digabungkan dengan cepat dengan rangka kerja lain.

Cadangan berkaitan: tutorial bootstrap

Atas ialah kandungan terperinci Selain daripada bootstrap, apakah rangka kerja bahagian hadapan lain yang ada?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!