Mulakan kemahiran journey_javascript pembelajaran BootStrap

Artikel ini meringkaskan 11 sebab Bootstrap tersebar secara meluas. Jika anda belum menggunakan Twitter Bootstrap lagi, saya syorkan anda menyemaknya. Saya hanya menemuinya baru-baru ini, tetapi terdapat berita yang lebih baik Dalam versi rasmi VS2013 yang dikeluarkan oleh Microsoft dua hari lalu, versi BootStrap 3.0 telah ditambah untuk mempelajarinya juga. Berikut ialah pengenalan ringkas saya kepada kemas kini VS2013 Jika anda berminat, anda boleh melihat pengenalan kandungan kemas kini Visual Studio 2013

.

Apakah sebab bootstrap begitu popular di kalangan diaos

1. Menjimatkan masa

Menggunakan Bootstrap, anda akan mempunyai lebih banyak masa untuk menjana wang. Pustaka Bootstrap mengandungi banyak coretan kod siap pakai yang boleh menambah kehidupan pada tapak web anda. Pembangun web tidak lagi perlu menghabiskan masa dan usaha pengekodan, mereka hanya perlu mencari kod yang betul dan memasukkannya ke tempat yang betul. Selain itu, CSS ditulis menggunakan KURANG, dan banyak gaya serta reka bentuk telah direka.

2. Penyesuaian

Aspek penting Bootstrap ialah anda boleh membuatnya sendiri. Anda boleh menyimpan bahagian rangka kerja yang anda perlukan dan membuang bahagian yang tidak anda perlukan. Bootstrap secara keseluruhan membolehkan anda menyesuaikan projek yang anda bangunkan mengikut keperluan anda.

3. Faktor reka bentuk

Sistem grid

Apabila meletakkan halaman, selalunya perlu mempunyai grid yang sesuai. Anda tidak perlu menggunakan grid platform, tetapi ia menjadikan kerja anda lebih mudah. Dalam mod lalai, platform ini menawarkan grid 16 lajur (960px lebar). Setiap lajur adalah 40px lebar, dengan jurang 10px di sebelah kiri dan kanan setiap lajur dan margin 20px pada bahagian paling luar setiap grid. Anda boleh menukar bilangan baris dan saiz jurang mengikut keperluan. Gaya telah dibangunkan, dan pembangun hanya perlu meletakkan kod yang sesuai ke lokasi yang sesuai dalam HTML.

KURANG

LESS digunakan secara meluas dalam kitaran pembangunan. Ia adalah bahasa peringkat tinggi berdasarkan CSS, dan tujuannya adalah untuk menjadikan pembangunan CSS lebih fleksibel dan berkuasa. Anda boleh menyesuaikan grid sebaris menggunakan campuran LESS dan operasi CSS. Bootstrap menggunakan sebilangan besar ciri CSS3 yang popular untuk menyediakan pengalaman menyemak imbas bersatu untuk semua tapak web.

JavaScript

Bootstrap menyediakan perpustakaan JavaScript yang melangkaui seni bina dan penggayaan asas. Melalui Bootstrap, pembangun boleh dengan mudah mengendalikan kotak amaran tetingkap, kotak hujung alat, bar skrol, butang, dll. Perkara yang paling menonjol tentang Bootstrap ialah ia menjimatkan anda daripada perlu risau tentang menulis skrip.

4. Konsisten

Sebab utama Twitter membangunkan alat ini pada asalnya ialah ketidakselarasan antara projek pembangun merentas pelayar yang berbeza. Ini membawa kepada banyak masalah antara pembangunan bahagian hadapan dan antara muka pengguna akhir. Bootstrap memastikan keseragaman antara muka pada platform yang berbeza. Dalam IE, Chrome dan Firefox, anda boleh melihat antara muka bersatu.

5. Teruskan kemas kini

Ambil UI jQuery sebagai contoh: ia dikemas kini sekali setahun. Bootstrap sentiasa bertambah baik dan lebih teratur dan mampan. Sebaik sahaja pembangun web menemui masalah baharu, pasukan Bootstrap segera berusaha untuk membetulkannya.

6. Mudah disepadukan

Jika anda ingin menambah baik lagi tapak web yang telah siap, Bootstrap boleh membantu anda. Sebagai contoh, jika anda ingin menggunakan gaya jadual yang anda tulis sendiri secara seragam, apa yang anda perlu lakukan ialah menyalin gaya anda ke dalam fail gaya CSS. Bootstrap akan segera mengalih keluar gayanya sendiri, di sini anda perlu mengaitkan fail dengan Twitter. Proses penyepaduan adalah sangat mudah, mudah dan cepat. Setelah selesai, anda boleh menggunakan reka bentuk anda pada kandungan teras anda.

7. Responsif

Bootstrap ialah rangka kerja responsif. Sama ada kerja pembangunan anda dialihkan dari komputer riba ke iPad atau dari iPad ke Mac, anda tidak perlu risau tentang kerja anda. Kerana Bootstrap boleh menyesuaikan diri dengan perbezaan antara platform yang berbeza dengan kelajuan dan kecekapan ultra-pantas.

8 Serasi dengan teknologi masa depan

Bootstrap mengandungi banyak elemen istimewa seperti HTML5 dan CSS3, yang dipanggil reka bentuk masa depan. Oleh kerana rangka kerja itu direka bentuk dan dibangunkan dengan mengambil kira masa hadapan, ia berpotensi untuk menjadi standard rujukan untuk pembangun web pada tahun-tahun akan datang.

9. Daya Saing

Bootstrap bukan satu-satunya rangka kerja pembangunan bahagian hadapan, terdapat juga UI JQuery, HTML5 Boilerplate, dsb. Tetapi untuk Bootstrap, pesaing sebenar ialah Zurb Foundation. Bootstrap 2 menambah set alat baharu yang Foundation mengambil masa yang lama untuk diisi. Bootstrap mengandungi sejumlah besar pemalam pihak ketiga, tema, ciri, kod, dsb., tetapi Foundation tidak mempunyai ini.

10. Dokumentasi terperinci

Dokumentasi Bootstrap sangat baik. Kebanyakan platform baharu selalunya tidak mempunyai dokumentasi yang sesuai, dan dokumentasi Bootstrap sangat membantu kami untuk bermula. Semua maklumat yang kami perlukan boleh didapati melalui dokumentasi.

11. Manfaat bos

Pembelajaran Bootstrap tidak akan membawa anda terlalu banyak masa, kerana ia merangkumi semua kaedah dan seni bina modular. Dari sudut pandangan bos, jika anda menyediakan rangka kerja Bootstrap untuk pembangun web, maka mereka akan menjimatkan lebih banyak masa pembelajaran dan kembali bekerja dengan cepat. Ini akan membawa faedah yang lebih baik kepada bos.

Jika anda merasakan Bootstrap sangat membantu anda, anda boleh melawati twitter.github.com/bootstrap/ untuk melihat rangka kerja. Anda juga boleh memuat turun versi terkumpul, atau dapatkan fail sumber Bootstrap termasuk dokumentasi CSS dan JavaScript.

Pengalaman visual

Perkara pertama yang anda lihat ialah laman web rasmi Cina Jika anda melihatnya dengan teliti, ia sebenarnya mempunyai penjelasan yang sangat terperinci.

Klik seterusnya pada http://v3.bootcss.com/dokumentasi bahasa Cina bootstrap3.

Teruskan baca di bawahhttp://expo.bootcss.com/Terdapat banyak contoh laman web yang telah digunakan.

Setelah melihat begitu banyak contoh dan seni bina bahagian hadapan yang sangat baik, saya sebenarnya tidak tahu mengenainya, dan begitu banyak tapak web telah menggunakannya, saya tidak sabar untuk memulakan perjalanan pembelajaran saya.