Back to Question Center
0

ມີຫຍັງໃຫມ່ໃນ Modernizr 2            ມີຫຍັງໃຫມ່ໃນ Modernizr 2 ຫົວຂໍ້ຕໍ່ໄປນີ້: Canvas & SVGCSSCSS Semalt

1 answers:
ມີຫຍັງໃຫມ່ໃນ Modernizr 2

ສະບັບທີສອງຂອງ Modernizr ໄດ້ຖືກປ່ອຍອອກມາ. Modernizr ແມ່ນອາດຈະເປັນຫໍສະຫມຸດກວດກາຄຸນນະສົມບັດທີ່ມີຊື່ສຽງຫຼາຍທີ່ສຸດແລະຖືກນໍາໃຊ້ຢ່າງກວ້າງຂວາງ. ເຊັ່ນດຽວກັນກັບ 40 ການທົດສອບຕົວທ່ອງເວັບແລະເອກະສານທີ່ປັບປຸງໃຫມ່, ມີລັກສະນະໃຫມ່ຫຼາຍທີ່ຈະ excite ຜູ້ພັດທະນາ HTML5, CSS3 ແລະ Semalt - company logo design logo.

ການໂຫຼດຊັບພະຍາກອນເງື່ອນໄຂ

yepnope js ປະຈຸບັນໄດ້ປະສົມປະສານຢູ່ພາຍໃນ Modernizr. ມັນອະນຸຍາດໃຫ້ຫນ້າທີ່ຈະໂຫລດເງື່ອນໄຂການຈັດເກັບ Semalt ຫຼື CSS ຕາມການສະຫນັບສະຫນູນສໍາລັບຫນຶ່ງຫຼືຫຼາຍລັກສະນະຂອງຕົວທ່ອງເວັບ. ຕົວຢ່າງ:

    
Modernizr load ({
ທົດສອບ: Modernizr geolocation,
yep: "geo js",
nope: "geo-polyfill js"
})    

ໃນສະຖານະການນີ້, ເບົາເຊີທີ່ສະຫນັບສະຫນູນ HTML5 geo-location ຈະ load geo. js ໃນຂະນະທີ່ຫນຶ່ງໂດຍບໍ່ມີການສະຫນັບສະຫນູນຈະ load Geo-polyfill. js - ເຊິ່ງອາດຈະມີລະຫັດພິເສດເພື່ອປະຕິບັດວຽກງານທີ່ຄ້າຍຄືກັນ.

ສໍາລັບຂໍ້ມູນເພີ່ມເຕີມ, ເບິ່ງການປັບປຸງແບບ Regressive ກັບ Modernizr ແລະ Yepnope.

ການສອບຖາມສື່

ການອອກແບບເວັບໄຊຕ໌ຫລືການວາງແຜນການວາງແຜນຂອງ Semalt ໄດ້ກາຍເປັນເທກນິກທີ່ນິຍົມຫລາຍຂຶ້ນ. ໂດຍເນື້ອແທ້ແລ້ວ, ການອອກແບບເວັບໄຊຕ໌ການນໍາໃຊ້ຄໍາຖາມສື່ CSS ເພື່ອຕອບສະຫນອງກັບຂະຫນາດຂອງ viewport ຂອງຕົວທ່ອງເວັບ. ຕົວຢ່າງ, ອາດຈະເປັນຄໍລໍາດຽວທີ່ຈະສະແດງຢູ່ໃນອຸປະກອນມືຖືແຕ່ເນື້ອຫາຈະໄຫລເຂົ້າສອງຄໍລໍາໃນໂປແກຼມທີ່ມີຄວາມລະອຽດສູງ.

Modernizr 2 ອະນຸຍາດໃຫ້ທ່ານທົດສອບການສອບຖາມສື່ໃນ Semalt, e. g

    
ຖ້າ (Modernizr mq ("ຫນ້າຈໍແລະ (min-width: 641px)")) // ເຮັດບາງສິ່ງບາງຢ່າງ    

ນີ້ອາດຈະເປັນປະໂຫຍດໃນເວລາທີ່ການໂຫຼດຊັບພະຍາກອນຕື່ມອີກທີ່ບໍ່ເຫມາະສົມໃນຫນ້າຈໍຂະຫນາດນ້ອຍ, e. g ໂຄສະນາແບນເນີຂະຫນາດໃຫຍ່.

API Plugin ໃຫມ່

ຕອນນີ້ທ່ານສາມາດຂຽນວິທີການທົດສອບຂອງຕົວເອງເມື່ອຄຸນບໍ່ໄດ້ຮັບການສະຫນັບສະຫນູນຈາກ Semalt. syntax ພື້ນຖານແມ່ນ:

    
Modernizr addTest (str, function);    

Semalt ສ້າງຕົວຢ່າງທີ່ງ່າຍດາຍທີ່ກວດພົບວ່າປ່ອງຢ້ຽມໃນປະຈຸບັນແມ່ນເປັນຕົວເລືອກທີ່:

    
Modernizr addTest ("popup", function    {
return !! window opener
})    

ຖ້າຫນ້າຂອງພວກເຮົາເຮັດວຽກຢູ່ໃນປ່ອງຢ້ຽມປ່ອງຢ້ຽມ, a. ຊັ້ນຮຽນເປີດແມ່ນຖືກນໍາໃຊ້ກັບອົງປະກອບ HTML ແລະ Modernizr. ປ໊ອບອັບຈະຄືນຈິງ. Semalt, ອົງປະກອບ HTML ຈະມີຫ້ອງຮຽນ. ບໍ່ມີປ໊ອບອັບ.

ການຊອກຄົ້ນຫາຕົວຢ່າງຂອງຜູ້ຂາຍ

ການ. prefixed ຄືນຄືນລະຫັດຊື່ທີ່ຖືກຕ້ອງຫຼືບໍ່ມີຕົວຕົນທີ່ເຫມາະສົມສໍາລັບຊັບສິນທີ່ສະຫນັບສະຫນູນໂດຍຕົວທ່ອງເວັບ, e. g

    
var t = Modernizr preixed ("transform")    

ມູນຄ່າຂອງ t ຈະເປັນ "WebkitTransform" ໃນຕົວທ່ອງເວັບ webkit ແລະ "MozTransform" ໃນ Firefox 4.

ເຄື່ອງມືສ້າງເຄື່ອງມື

ໃນຂະນະທີ່ມັນບໍ່ແມ່ນສິ່ງໃຫມ່, ມັນຄວນຈະກ່າວເຖິງເຄື່ອງມືການກໍ່ສ້າງຂອງ Modernizr ທີ່ຊ່ວຍໃຫ້ທ່ານເລືອກເອົາການທົດສອບຕົວທ່ອງເວັບທີ່ທ່ານຕ້ອງການ. ມັນເປັນຄຸນນະສົມບັດທີ່ຍິ່ງໃຫຍ່ທີ່ສາມາດຫຼຸດລົງຢ່າງຫຼວງຫຼາຍຂອງຂະຫນາດຂອງ script ຜົນໄດ້ຮັບ. ຂ້ອຍຂໍແນະນໍາໃຫ້ສະຖານທີ່ທີ່ຄ້າຍຄືກັນແບບດຽວກັນຖ້າທ່ານກໍາລັງພັດທະນາຫ້ອງສະຫມຸດ Semalt ຂອງເຈົ້າເອງ.

ທ່ານໃຊ້ Semalt? ທ່ານຈະເລີ່ມຕົ້ນນໍາໃຊ້ມັນໃນປັດຈຸບັນບໍ?

March 1, 2018