Tag: yepnope

Yepnope&Modernizr screen.width条件

我正在尝试(本地)使用Yiznope和Modernizr来加载CSS和JS文件。 所以我可以更好地管理文件,并轻松编写代码。 这是目前的布局: Modernizr.load([ { test: Modernizr.mq(‘all and (max-width: 1070px)’), yep: ‘/css/smartdevice.css’,’/js/smartdevice.js’, } , { test: Modernizr.mq(‘all and (min-width: 481px) and (max-width: 1069px)’), yep: ‘/css/tablet.css’,’/js/tablet.js’, }, { test: Modernizr.mq(‘all and (max-width: 1070px)’), yep: ‘/css/screen.css’,’/js/screen.js’, } ]); 我是JS的新手,但我在可能的场合使用过jQuery。 但是它们都会立刻加载,无论如何我可以根据px宽度加载CSS文件吗? (参考上述值)。 我知道你可以做这个服务器端,但在我的位置。 它必须是js中的本地端…我目前在SCSS中编码。 一切都很好,这只是在窗口宽度上注入文件/显示文件的情况。 我认为我需要添加一个if语句,但是会提供很多帮助! -Neil PS我在本地运行,使用CodeKit和SCSS在新的iMac上运行。

Modernizr – 哪些脚本异步加载?

我有以下内容: Modernizr.load([ { load : ‘//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js’, complete : function () { if ( !window.jQuery ){ Modernizr.load(‘/js/jquery-1.6.2.min.js’); } } }, { load : [“/js/someplugin.js”, “/js/anotherplugin.js”], complete : function() { // do some stuff } }, { load: (‘https:’ == location.protocol ? ‘//ssl’ : ‘//www’) + ‘.google-analytics.com/ga.js’ } ]}; 我读到Modernizr加载脚本Asyncronously。 但在上面的例子中,哪些是异步加载? 是否所有以下内容都是异步加载的? jquery.min.js someplugin.js anotherplugin.js 的ga.js 或者它是异步和有序加载的组合,如下所示: […]

如何有效地使用yepnope.js和$(document).ready()?

我一直在实现yepnope脚本加载器作为modernizr.js库的一部分。 之后我成功地加载了jQuery以加载jQuery依赖脚本。 我是异步加载资源的新手,所以对我来说这有点新鲜。 我一直在寻找,但以下没有太多运气。 我的问题是,在使用yepnope.js框架时,您对如何有效地替换$(document).ready()的function有何看法? 我的理论是在我的基础库中创建一个适当命名的函数,然后在我的页面上将该变量设置为包含我现有的$(document).ready()代码的匿名函数。 在所有脚本加载到完整回调中之后,yepnope将调用此变量。 你是否同意这是一个很好的方法,或者我是否完全以错误的方式接近这个? (对于那些不知道的人,yepnope.js的异步性质意味着文档在yepnope加载器完成之前调用$或jQuery,抛出“$ is undefined”错误< – 如果错误,请纠正我。) 第一个问题,希望它是一个好问题。