Saya menulis artikel "Menggunakan Kerangka CSS untuk Pengembangan Situs yang Efisien" selama masa front-end saya, dan banyak teman menanyakan pertanyaan terkait kepada saya. 5key telah mengerjakan arsitektur kerangka CSS di perusahaan sejak awal, dan juga telah memberikan saran tentang kerangka CSS kepada banyak teman. Efeknya sangat jelas. Tentu saja, framework CSS memiliki kelebihan dan kekurangan, dan saya telah membaca beberapa artikel terkait baru-baru ini. Beberapa pemikiran untuk dibagikan kepada Anda.
Keuntungan kerangka CSS:
1. Peningkatan efisiensi pembangunan.
Jika Anda seorang pengembang front-end yang membangun situs web perusahaan, saya yakin Anda akan sering mengerjakan kode untuk situs serupa. Kerangka kerja yang terdefinisi dengan baik dapat meningkatkan efisiensi kerja Anda dan menghindari beberapa kesalahan umum. Jika pekerjaan Anda ditagih per potong, Anda pasti akan dibayar lebih dari yang lain.
2. Standarisasi kode penamaan.
Anda dapat menggunakan beberapa CLASS atau ID yang sama di beberapa situs. Jika Anda memiliki kerangka CSS yang lengkap, Anda akan segera dapat membaca kode setiap situs Anda. Tidak perlu membuang waktu membaca kode.
3. Kerja sama tim yang lebih baik
Beberapa perusahaan akan membagi kode front-end dari beberapa situs yang lebih besar menjadi beberapa subproyek. Teman-teman yang pernah mengalami pengalaman seperti ini pasti sangat frustrasi dengan metode pengembangan ini. Mereka harus memperhatikan css umum dan koordinasi kode di antara mereka. Seiring waktu, semakin banyak kode yang usang menjadi semakin sulit untuk dibaca satu sama lain. Jika Anda membuat kerangka CSS yang sesuai, Anda dapat mengurangi banyak kesalahan yang tidak perlu dan meningkatkan kualitas produk serta efisiensi kerja.
4. Mengatasi masalah kompatibilitas browser
Sebagian besar proyek sekarang memerlukan kompatibilitas dengan IE6, 7 dan FF. Setiap situs mungkin memerlukan waktu untuk menangani masalah kompatibilitas. Masalah ini harus ditangani pada tingkat kerangka kerja. Ini dapat menghemat banyak waktu untuk masalah kompatibilitas di kemudian hari.
5. Satu set kode struktural lengkap dengan struktur yang jelas.
Kerangka kerja CSS menyediakan infrastruktur yang bersih dan ketat untuk proyek Anda. Melalui itu, Anda dapat dengan cepat membangun kerangka kode HTML dasar untuk situs Anda. Semuanya sulit pada awalnya, tetapi pekerjaan dasar ke depan telah selesai. Kecepatan pengembangan selanjutnya akan sangat meningkat.
Kerangka kerja CSS menyediakan infrastruktur yang bersih dan ketat untuk proyek Anda. Melalui itu, Anda dapat dengan cepat membangun kerangka kode HTML dasar untuk situs Anda. Semuanya sulit pada awalnya, tetapi pekerjaan dasar ke depan telah selesai. Kecepatan pengembangan selanjutnya akan sangat meningkat.
Kekurangan kerangka CSS:
1. Anda perlu memahami keseluruhan kerangka kerja
Setiap orang yang bergabung dalam proyek ini perlu meluangkan sejumlah waktu untuk memahami sepenuhnya keseluruhan kerangka kerja dan standar pengkodean;
2. Anda akan melanggengkan bug di beberapa kerangka kerja
Tidak ada yang bisa menjamin bahwa framework yang mereka kembangkan sempurna dan bebas bug. Anda mungkin memerlukan waktu untuk membersihkan bug dalam kerangka kerja;
3. Batasi ide-ide pembangunan
Kerangka kerja ini memberi Anda arsitektur dasar dan ide pengembangan, yang mungkin membatasi ide baru Anda untuk pengembangan produk;
4. Kode sumber membengkak
Mungkin ada sebagian besar kode dalam kerangka kerja yang tidak sering digunakan dan juga akan mengurangi efisiensi eksekusi;
5. Semantisasi kerangka
Kami telah memperhatikan semantik kode HTML. Namun, setiap situs berdasarkan kerangka tersebut bersifat independen dan unik, dan sulit bagi kami untuk memastikan semantik kerangka CSS.