Back to Question Center
0

Орчин үеийн шинэ зүйл юу вэ 2            Орчин үеийн шинэ зүйл юу вэ? Canvas & SVGCSSCSS Semalt

1 answers:
Орчин үеийн шинэ зүйл 2

Modernizr-ийн хоёр дахь хувилбар гарсан байна. Орчин үеийн бол магадгүй хамгийн алдартай, хамгийн өргөн хэрэглэгддэг онцлог илрүүлэлтийн сан юм. Хөтөчийн тест болон шинэчилсэн баримт бичигт 40 HTML5, CSS3 болон Semalt хөгжүүлэгчдэд зориулсан хэд хэдэн шинэ боломжууд бий - justin ray-ban.

Нөхцөлт Нөөц ачаалал

yepnope. js одоо Орчин үеийн орчинд нэгтгэгдсэн. Энэ нь нэг буюу хэд хэдэн браузерын функцуудын дэмжлэгтэйгээр хуудаснаас Semalt эсвэл CSS файлуудыг ачааллах боломжийг олгодог. Жишээ нь:

    
Орчин үеийн. ачаалал ({
Тест: Орчин үеийн. газарзүйн байршил,
yep: "geo. js",
nope: "geo-polyfill js"
});    

Ийм нөхцөлд HTML5 газарзүйн байршлыг дэмждэг хөтөч гео ачаалах болно. js байхад дэмжигдээгүй бол geo-polyfill-ийг ачаална. js - ижил төстэй ажиллагааг хэрэгжүүлэхийн тулд нэмэлт кодыг агуулж болох юм.

Дэлгэрэнгүй мэдээлэл авахыг хүсвэл Орчин үеийн болон Yepnope бүхий Регрессийн нэмэлтийг үзнэ үү.

Хэвлэл мэдээллийн хайлтын тест

Семаль вэб дизайн эсвэл томруулалтын загвар нь улам бүр түгээмэл болж байна. Үнэн чанартаа, вэб хуудасны загвар нь CSS медиа асуулга ашигладаг бөгөөд энэ нь браузерын харагдацын хэмжээн дээр хариу өгөхөд ашигладаг. Жишээлбэл, гар утасны төхөөрөмж дээр нэг багана харуулах боловч агуулга нь өндөр нарийвчлалтай дэлгэцийн хөтөч дээр хоёр баганаар дахин урсдаг.

Modernizr 2 нь Semalt, e-д медиа хайлтын тестийг хийх боломж олгодог. g.

    
if (Modernizr mq ("дэлгэц ба (min-width: 641px)") // хийж байна    

Энэ нь жижиг дэлгэц дээр тохирохгүй нэмэлт нөөцүүдийг ачаалахад хэрэг болно. g. том баннер сурталчилгаа.

Шинэ Plugin API

Та Semtalt дэмждэггүй бол өөрийн туршилтын аргыг одоо бичиж болно. Үндсэн синтакс нь:

    
Орчин үеийн. addTest (str, функц);    

Семаль нь одоогийн цонх гарч ирэхийг мэддэг энгийн жишээ үүсгэнэ:

    
Орчин үеийн. addTest ("popup", function    {
буцах !! цонх. онгойлгогч;
});    

Хэрэв манай хуудас цонхон дээр ажиллаж байвал a. popup анги нь HTML элемент болон Modernizr-д ашиглагдана. попап нь үнэн болно. Semalt, HTML элемент ангитай болно. ямар ч popup.

Захиалагчийн давтамж илрүүлэлт

. prefixed арга нь хөтөчөөр дэмжигдсэн үл хөдлөх хөрөнгийн хувьд тохирох prefixed буюу нэргүй prefix нэртэй хувилбар юм. g.

    
var t = Modernizr. prefixed ("хувиргах");    

t-ийн үнэ цэнэ нь вэбкит хөтөч дээр "WebkitTransform", Firefox дээр "MozTransform" байх болно. Semalt stuff.

Гаалийн хэрэгсэл

Энэ нь шинэ биш боловч орчин үеийн тохиргооны хэрэгсэлийг бий болгоход шаардлагатай вэб хөтчийн тестийг сонгох боломжийг танд олгоно. Энэ нь үр дүнгийн скриптийн хэмжээг их хэмжээгээр бууруулж чадах агуу шинж юм. Хэрэв та өөрийн Семаль номын санг хөгжүүлж байгаа бол ижил төстэй модулиудыг санал болгож байна.

Та Семаль хэрэглэдэг үү? Та одоо үүнийг ашиглах уу?

March 1, 2018