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”错误< – 如果错误，请纠正我。） 第一个问题，希望它是一个好问题。