Rumah hujung hadapan web Tutorial Bootstrap 为什么前端不用bootstrap

为什么前端不用bootstrap

Jul 19, 2019 am 10:26 AM
bootstrap

我关注的朋友关注了这个问题。我仅代表我个人观点说说不用bootstrap的原因,这里简称bs。

为什么前端不用bootstrap

我在用bs的时候还处于前端入门阶段,bs官方文档友好到任何类型的开发人员引用这个文件,复制粘贴即可UI成型,也不需要补习太多前端知识。(推荐学习:Bootstrap视频教程

没有设计师或急需赶工的情况下,它无疑是最有保障的css框架首选。使用它你无须担心兼容,页面塌陷等肉眼可见的bug,bs全都为你处理掉了,十分省心。

在一个项目的0阶段,想要快速形成demo,bs是合适web端做打底衫的。

到了项目成长阶段,bs的作用则会大打折扣。bs无法完全满足新需求致使的UI变化,尤其在非前端开发人员的调试下会因为知识经验缺乏导致页面臃肿布局混乱,而随着前端开发人员的成长,面对UI变化,大部分人反认为手写比用bs更省事。

想基于bs做更加炫丽的页面不通透这个框架是无法达到的,这是部分开发人员中途弃用bs的原因之一,但这个框架依然存在项目,日新月异后,bs会成为想抽离又无法抹去的泥巴。

开发人员在这块泥巴上反复修改揉捏,所以后来会常常思考,这个框架为项目到底做了什么呢?

一开始你把bs当作打底衫,那它则只能用于打底。

而如果你想一开始把bs当作框架充分利用起来,则需要时间学习,需要付出成本去补充了解这个框架的前提知识,然而当你完全看懂了bs了解bs的源码后,你会发现它在许多实现手法上并没有你想象中的伟大,你也会跃跃欲试,甚至会想到更绝妙的思路完成同一个事情。

再来,多栏布局是最常见的css布局之一,实现的方式不下10种,它们分别应对各种各样的业务场景,而bs的流式布局堪称撑起一片天,它的响应式看似独霸天下能满足80%的要求,但开发者们仍会保留20%用于追逐更高效的技巧,而且随着前端的发展,原生bs流式布局已然有更优的实现方式了。

其实如果一个前端工程师能够对bootstrap或者foundation这类框架有深入的了解的话,对技术、效率的提升还是挺明显的。

所以,我想很多前端开发者们不用bootstrap框架的原因是因为他们已站在bs的肩膀上看到了更精彩的世界。

更多Bootstrap相关技术文章,请访问Bootstrap教程栏目进行学习!

Atas ialah kandungan terperinci 为什么前端不用bootstrap. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Cara mendapatkan bar carian bootstrap Cara mendapatkan bar carian bootstrap Apr 07, 2025 pm 03:33 PM

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.

Cara menggunakan bootstrap di vue Cara menggunakan bootstrap di vue Apr 07, 2025 pm 11:33 PM

Menggunakan bootstrap dalam vue.js dibahagikan kepada lima langkah: Pasang bootstrap. Import bootstrap di main.js. Gunakan komponen bootstrap secara langsung dalam templat. Pilihan: Gaya tersuai. Pilihan: Gunakan pemalam.

Cara Menulis Garis Pecah Di Bootstrap Cara Menulis Garis Pecah Di Bootstrap Apr 07, 2025 pm 03:12 PM

Terdapat dua cara untuk membuat garis perpecahan bootstrap: menggunakan tag, yang mewujudkan garis perpecahan mendatar. Gunakan harta sempadan CSS untuk membuat garis perpecahan gaya tersuai.

Cara melakukan pusat menegak bootstrap Cara melakukan pusat menegak bootstrap Apr 07, 2025 pm 03:21 PM

Gunakan Bootstrap untuk melaksanakan pusat menegak: Kaedah Flexbox: Gunakan kelas D-Flex, Justify-Content, dan Align-Item-Center untuk meletakkan unsur-unsur dalam bekas Flexbox. Kaedah Kelas Align-Items-Center: Bagi pelayar yang tidak menyokong Flexbox, gunakan kelas Align-Items-Center, dengan syarat unsur induk mempunyai ketinggian yang ditetapkan.

Cara memasukkan gambar di bootstrap Cara memasukkan gambar di bootstrap Apr 07, 2025 pm 03:30 PM

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.

Cara Menyiapkan Kerangka untuk Bootstrap Cara Menyiapkan Kerangka untuk Bootstrap Apr 07, 2025 pm 03:27 PM

Untuk menubuhkan rangka kerja bootstrap, anda perlu mengikuti langkah -langkah ini: 1. Rujuk fail bootstrap melalui CDN; 2. Muat turun dan tuan rumah fail pada pelayan anda sendiri; 3. Sertakan fail bootstrap di HTML; 4. Menyusun sass/kurang seperti yang diperlukan; 5. Import fail tersuai (pilihan). Setelah persediaan selesai, anda boleh menggunakan sistem grid Bootstrap, komponen, dan gaya untuk membuat laman web dan aplikasi yang responsif.

Cara mengubah saiz bootstrap Cara mengubah saiz bootstrap Apr 07, 2025 pm 03:18 PM

Untuk menyesuaikan saiz unsur-unsur dalam bootstrap, anda boleh menggunakan kelas dimensi, yang termasuk: menyesuaikan lebar: .col-, .w-, .mw-adjust ketinggian: .h-, .min-h-, .max-h-

Cara menggunakan butang bootstrap Cara menggunakan butang bootstrap Apr 07, 2025 pm 03:09 PM

Bagaimana cara menggunakan butang bootstrap? Perkenalkan CSS bootstrap untuk membuat elemen butang dan tambahkan kelas butang bootstrap untuk menambah teks butang

See all articles