


Selain daripada bootstrap, apakah rangka kerja bahagian hadapan lain yang ada?
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!

Apa yang menjadikan reka bentuk web lebih mudah ialah bootstrap? Komponen pratetapnya, reka bentuk responsif dan sokongan komuniti yang kaya. 1) perpustakaan dan gaya komponen preset membolehkan pemaju untuk mengelakkan menulis kod CSS kompleks; 2) Sistem grid terbina dalam memudahkan penciptaan susun atur responsif; 3) Sokongan komuniti menyediakan sumber dan penyelesaian yang kaya.

Bootstrap mempercepatkan pembangunan web, dan dengan menyediakan gaya dan komponen yang telah ditetapkan, pemaju dapat dengan cepat membina laman web responsif. 1) Ia memendekkan masa pembangunan, seperti melengkapkan susun atur asas dalam masa beberapa hari dalam projek. 2) Melalui pembolehubah sass dan campuran, bootstrap membolehkan gaya tersuai memenuhi keperluan khusus. 3) Menggunakan versi CDN dapat mengoptimumkan prestasi dan meningkatkan kelajuan pemuatan.

Bootstrap adalah rangka kerja front-end sumber terbuka, dan fungsi utamanya adalah untuk membantu pemaju dengan cepat membina laman web responsif. 1) Ia menyediakan kelas CSS yang telah ditetapkan dan pemalam JavaScript untuk memudahkan pelaksanaan kesan UI yang kompleks. 2) Prinsip kerja bootstrap bergantung pada komponen CSS dan JavaScript untuk merealisasikan reka bentuk responsif melalui pertanyaan media. 3) Contoh penggunaan termasuk penggunaan asas, seperti membuat butang, dan penggunaan lanjutan, seperti gaya tersuai. 4) Kesilapan biasa termasuk salah ejaan nama kelas dan memperkenalkan fail dengan salah. Adalah disyorkan untuk menggunakan alat pemaju penyemak imbas untuk debug. 5) Pengoptimuman prestasi dapat dicapai melalui alat binaan tersuai, amalan terbaik termasuk yang telah ditetapkan dengan menggunakan HTML semantik dan bootstrap

Bootstrap melaksanakan reka bentuk responsif melalui sistem grid dan pertanyaan media, menjadikan laman web ini disesuaikan dengan peranti yang berbeza. 1. Gunakan kelas yang telah ditetapkan (seperti COL-SM-6) untuk menentukan lebar lajur. 2. Sistem grid didasarkan pada 12 lajur, dan perlu diperhatikan bahawa jumlah itu tidak melebihi 12. 3. Gunakan titik putus (seperti SM, MD, LG) untuk menentukan susun atur di bawah saiz skrin yang berbeza.

Bootstrap adalah rangka kerja front-end sumber terbuka untuk perkembangan pesat laman web dan aplikasi yang responsif. 1. Ia memberikan kelebihan reka bentuk responsif, komponen UI yang konsisten dan perkembangan pesat. 2. Sistem grid menggunakan susun atur Flexbox, berdasarkan struktur 12-kolumn, dan dilaksanakan melalui kelas seperti .container, .row dan .col-sm-6. 3. Gaya tersuai boleh dilaksanakan dengan mengubah suai pembolehubah SASS atau menimpa CSS. 4. Komponen JavaScript yang biasa digunakan termasuk kotak modal, rajah karusel dan lipatan. 5. Prestasi pengoptimuman boleh dicapai dengan memuatkan hanya komponen yang diperlukan, menggunakan CDN, dan memampatkan fail gabungan.

Bootstrap dan JavaScript boleh diintegrasikan dengan lancar untuk memberikan fungsi web yang dinamik. 1) Gunakan JavaScript untuk memanipulasi komponen bootstrap, seperti kotak modal dan bar navigasi. 2) Memastikan jQuery memuat dengan betul dan elakkan masalah integrasi yang sama. 3) Mencapai interaksi pengguna yang kompleks dan kesan dinamik melalui pemantauan acara dan operasi DOM.

Cara menggunakan Bootstrap untuk mendapatkan nilai bar carian: Menentukan ID atau nama bar carian. Gunakan JavaScript untuk mendapatkan elemen DOM. Mendapat nilai elemen. Lakukan tindakan yang diperlukan.

Terdapat beberapa cara untuk memasukkan imej dalam bootstrap: masukkan imej secara langsung, menggunakan tag HTML IMG. Dengan komponen imej bootstrap, anda boleh memberikan imej yang responsif dan lebih banyak gaya. Tetapkan saiz imej, gunakan kelas IMG-cecair untuk membuat imej boleh disesuaikan. Tetapkan sempadan, menggunakan kelas IMG-Sempadan. Tetapkan sudut bulat dan gunakan kelas IMG-bulat. Tetapkan bayangan, gunakan kelas bayangan. Saiz semula dan letakkan imej, menggunakan gaya CSS. Menggunakan imej latar belakang, gunakan harta CSS imej latar belakang.


Alat AI Hot

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool
Gambar buka pakaian secara percuma

Clothoff.io
Penyingkiran pakaian AI

AI Hentai Generator
Menjana ai hentai secara percuma.

Artikel Panas

Alat panas

Dreamweaver Mac版
Alat pembangunan web visual

MinGW - GNU Minimalis untuk Windows
Projek ini dalam proses untuk dipindahkan ke osdn.net/projects/mingw, anda boleh terus mengikuti kami di sana. MinGW: Port Windows asli bagi GNU Compiler Collection (GCC), perpustakaan import yang boleh diedarkan secara bebas dan fail pengepala untuk membina aplikasi Windows asli termasuk sambungan kepada masa jalan MSVC untuk menyokong fungsi C99. Semua perisian MinGW boleh dijalankan pada platform Windows 64-bit.

Penyesuai Pelayan SAP NetWeaver untuk Eclipse
Integrasikan Eclipse dengan pelayan aplikasi SAP NetWeaver.

VSCode Windows 64-bit Muat Turun
Editor IDE percuma dan berkuasa yang dilancarkan oleh Microsoft

PhpStorm versi Mac
Alat pembangunan bersepadu PHP profesional terkini (2018.2.1).