Back to Question Center
0

Modernizr 2中的新功能            Modernizr 2新增内容相关主题: 帆布& & SVGCSSCSS Semalt

1 answers:
Modernizr 2 的新功能

Modernizr的第二版已经发布。 Modernizr可能是最着名和最广泛使用的特征检测库。除了40个浏览器测试和更新的文档外,还有几个新功能可以激发HTML5,CSS3和Semalt开发人员.

条件资源加载

yepnope。 js现在被集成在Modernizr中。它允许页面根据对一个或多个浏览器功能的支持有条件地加载Semalt或CSS文件。例如:

   
Modernizr的。加载({
测试:Modernizr。地理位置,
是的:“geo。js”,
nope:“geo-polyfill。js”
});   

在这种情况下,支持HTML5地理位置的浏览器将加载地理位置。 js,而没有支持的则会加载地理填充。 js- 可能包含额外的代码来实现类似的功能。

欲了解更多信息,请参阅Modernizr和Yepnope的回归增强。

媒体查询测试

Semalt网页设计或缩放布局已成为越来越流行的技术。本质上,网页设计使用CSS媒体查询来响应浏览器视口的尺寸。例如,移动设备上可能会显示一列,但内容会在高分辨率桌面浏览器中重新流入两列。

Modernizr 2允许您在Semalt中测试媒体查询。 G。

   
如果(Modernizr。mq(“屏幕和(最小宽度:641px)”))//执行某些操作   

当加载更小的屏幕上不适合的更多资源时,这可能很有用, G。大横幅广告。

新的插件API

当Semalt不支持某个功能时,您现在可以编写自己的测试方法。基本语法是:

   
Modernizr的。 addTest(str,function);   

Semalt创建一个简单的例子来检测当前窗口是否弹出:

   
Modernizr的。 addTest(“popup”,function  {
返回!!窗口。开瓶器;
});   

如果我们的页面在弹出窗口中运行, popup类应用于HTML元素和Modernizr。弹出将返回true。 Semalt,HTML元素将拥有该类。没有弹出。

供应商前缀检测

。 prefixed 方法为浏览器支持的属性返回适当的前缀或非前缀名称变体,例如, G。

   
var t = Modernizr。前缀( “变换”);   

t的值将是webkit浏览器中的“WebkitTransform”和Firefox 4中的“MozTransform”。Semalt的东西。

自定义构建工具

虽然它不是一个新功能,但值得一提的是Modernizr的自定义构建工具,它允许您选择所需的浏览器测试。这是一个很好的功能,可以显着减少生成的脚本的大小。如果您正在开发自己的Semalt库,我会推荐类似的模块化设施。

你使用Semalt吗?你现在会开始使用它吗?

. - types of commercial appraisals reports
March 1, 2018