Home-theater-designers
Bootstrap 5 ir nācis ar lielām izmaiņām, tostarp samazinājies Internet Explorer (IE) atbalsts un jQuery atkarība. Bootstrap, ko izstrādājis Twitter, ir pasaulē populārākais CSS ietvars. Atvērtā pirmkoda lietotāja saskarnes ietvars meklē nākotnes pozicionēšanu, un tas ir ļāvis veikt revolucionāras izmaiņas v5.
Bootstrap kritums IE ir padarījis to par pirmo tīmekļa izstrādes rīku, lai to izdarītu. Šis solis nāk, kad Internet Explorer tirgus daļa turpina samazināties, veidojot mazāk nekā 3% no visām tīmekļa pārlūkprogrammām.
Lasiet tālāk, lai uzzinātu, kādi vēl Bootstrap uzlabojumi ir veikti un kā tie ietekmē jūs.
1. jQuery atbalsts
Bootstrap vairs neizmantos jQuery bibliotēku. Izstrādes komanda tā vietā ir uzlabojusi JavaScript bibliotēku, lai veiktu šīs izmaiņas. Atkarība no jQuery ne vienmēr bija slikta lieta Bootstrap.
Faktiski jQuery ieviešana radikāli mainīja JavaScript izmantošanu. Tas vienkāršoja JavaScript rakstīšanas uzdevumus, kas citādi būtu aizņēmuši daudzas koda rindas.
Saistīts: Uzziniet, kā izveidot elementu jQuery
Neskatoties uz to visu, komanda ir nolēmusi to darīt. Tas nodrošina mazākus avota failus un lielāku lapas ielādes laiku. Šīs bija ļoti vajadzīgas izmaiņas, un Bootstrap iegūs nākotnei draudzīgāku stilu.
Avota faila izmērs ir kļuvis vieglāks par 85 KB minimizētā JavaScript, un tas ir svarīgi, jo Google uzskata, ka lapu ielādes laiks mobilajām vietnēm ir ranga faktors.
Kamēr Bootstrap 5 vairs nav nepieciešama jQuery izmantošana, jūs joprojām varat to izmantot, ja vēlaties. Ir arī vērts atzīmēt, ka visi JavaScript spraudņi joprojām ir pieejami.
2. CSS pielāgotie rekvizīti
Atceļot Internet Explorer atbalstu, var izmantot pielāgotus CSS rekvizītus (mainīgos). IE neatbalsta pielāgotos rekvizītus - tikai viens iemesls, kāpēc tas ilgu laiku aizkavēja tīmekļa izstrādātājus.
CSS pielāgotie rekvizīti padara CSS elastīgāku un programmējamāku. CSS mainīgie ir pievienoti ar priedēkli -bs lai novērstu konfliktus ar trešās puses CSS.
Ir pieejami divu veidu mainīgie: sakņu mainīgie un komponentu mainīgie.
Saknes mainīgajiem var piekļūt visur, kur tiek ielādēts Bootstrap CSS. Šie mainīgie atrodas _root.scss failu un ir daļa no apkopotajiem dist failiem.
Komponentu mainīgie tiek izmantoti kā lokāli mainīgie lielumi atsevišķās sastāvdaļās. Tie ir noderīgi, lai izvairītos no nejaušas stilu pārmantošanas tādās sastāvdaļās kā ligzdotas tabulas.
3. Uzlabota režģa sistēma
Tā kā jaunināšanas laikā no 3. uz 4. versiju radās dažas problēmas, Bootstrap 5 šoreiz saglabā sistēmas lielāko daļu, balstoties uz esošo sistēmu, nevis pilnībā to mainot. Dažas no izmaiņām ir šādas:
- Noteku klase ( .zēni ) ir aizstāta ar utilītu ( .g* ) līdzīgi kā starpība un polsterējums
- Ir iekļautas arī vertikālās atstarpes klases
- Slejas vairs nav noklusējuma pozīcija: radinieks
4. Uzlabota dokumentācija
Dokumentācija ir papildināta ar vairāk informācijas, jo īpaši attiecībā uz pielāgošanu. Bieži sastopama problēma bija tā, ka daudzās vietnēs, kurās tiek izmantota Bootstrap, jūs uzreiz varat noteikt, ka tā izmanto Bootstrap. Bootstrap 5 tagad piedāvā jaunu izskatu un labāku pielāgošanu.
Tagad ir lielāka elastība, lai pielāgotu savas tēmas, lai ne katra vietne vai lietotne būtu līdzīga. V4 tematiskā lapa faktiski ir paplašināta ar vairāk satura un koda fragmentiem, lai izveidotu virs Sass (populārā CSS priekšapstrādātāja) failiem. Iesācēju npm projektu varat atrast arī GitHub platformā, kas ir pieejama kā veidņu krātuve.
Krāsu palete ir paplašināta arī 5. versijā. Paplašinātā iebūvētā krāsu sistēma nozīmē, ka jūs varat viegli noformēt savu krāsu, neatstājot kodu bāzi. Ir veikts arī vairāk darba, lai uzlabotu krāsu kontrastu, tostarp krāsu kontrasta metrikas pievienošana Bootstrap krāsu dokumentiem.
5. Uzlabotas veidlapu kontroles
Bootstrap ir uzlabojis formas vadīklas, ievades grupas un daudz ko citu.
4. versijā Bootstrap papildus noklusējumiem, ko nodrošināja katra pārlūkprogramma, izmantoja pielāgotas veidlapu vadīklas. V5 versijā tie visi ir pielāgoti. Visas radio pogas, izvēles rūtiņas, fails, diapazons un daudz kas cits, lai tiem piešķirtu vienādu izskatu un darbību dažādās pārlūkprogrammās.
Jaunās veidlapu vadīklas vairs nesatur nevajadzīgu krāsainu marķējumu, bet koncentrējas uz standarta un loģiskajām dizaina iezīmēm.
6. Bootstrap 5 pievieno utilītu API
Pēc jaunām CSS bibliotēkām, piemēram, Tailwind CSS, Bootstrap tagad pievieno arī utilītu bibliotēku. Bootstrap komanda saka, ka viņi priecājas redzēt, kā citi izstrādātāji izaicina veidu, kā mēs esam izveidojuši tīmeklī pēdējo desmit gadu laikā.
Komunālie pakalpojumi iegūst apgriezienus attīstības kopienā, un bootstrap komanda ir to pamanījusi. Komanda iepriekš bija pievienojusi noteikumus par komunālajiem pakalpojumiem v4, izmantojot globālo $ enable-* klases. 5. versijā tie ir mainīti uz API pieeju un jaunu valodu un sintaksi programmā Sass. Tas dos jums iespēju izveidot jaunus utilītus, vienlaikus saglabājot vai noņemot norādītos noklusējuma iestatījumus.
Lai uzlabotu organizāciju, daži komunālie pakalpojumi, kas bija versijā 4, ir pārvietoti uz sadaļu Palīgi.
7. Jauna Bootstrap ikonu bibliotēka
Bootstrap tagad lepojas ar savu atvērtā pirmkoda SVG ikonu bibliotēku ar vairāk nekā 1300 ikonām. Tas ir pielāgots ietvara sastāvdaļām, taču jūs joprojām varat strādāt ar tiem jebkurā projektā.
Ņemot vērā, ka tie ir SVG attēli, tos var ātri mērogot, un tos var īstenot daudzos veidos, kā arī veidot ar CSS.
Jūs varat instalēt ikonas, izmantojot virs jūras līmeņa:
$ npm i bootstrap-iconsInstalējiet Bootstrap 5
Jūs varat doties uz Bootstrap 5 oficiālā lejupielādes lapa ja vēlaties to instalēt. Ja vēlaties sekot līdzi jaunākajam attīstības laidienam, kuru varat izmantot virs jūras līmeņa to vilkt:
$ npm i bootstrap@next
Šīs rakstīšanas laikā ietvars ir Beta 3 versijā. Tas nozīmē, ka programmatūra ir droši lietojama, taču joprojām tiek izstrādāta. Jūtieties brīvi sniegt atsauksmes komandai un sniegt nepieciešamo ieguldījumu.
Kopīgot Kopīgot Čivināt E -pasts Ievads tīmekļa komponentos un uz komponentiem balstītā arhitektūrāApskatīsim izplatītākos tīmekļa komponentus un redzēsim, kāpēc tie ir noderīgi.
Lasīt Tālāk Saistītās tēmas- Programmēšana
- Web izstrāde
- JavaScript
- CSS
Džeroms ir MakeUseOf personāla rakstnieks. Viņš aptver rakstus par programmēšanu un Linux. Viņš ir arī kriptogrāfijas entuziasts un vienmēr seko līdzi kriptogrāfijas nozarei.
Vairāk no Džeroma DeividsonaAbonējiet mūsu biļetenu
Pievienojieties mūsu informatīvajam izdevumam, lai iegūtu tehniskus padomus, pārskatus, bezmaksas e -grāmatas un ekskluzīvus piedāvājumus!
programma, lai atvērtu .rar failusNoklikšķiniet šeit, lai abonētu