必威体育下载克里斯蒂安·海尔曼

贴有“Lazyload”标签的帖子

从稀薄的空气中召唤尤伊

星期六,8月2日,二千零八

我爱悠悠装载机因为它是包含悠悠在飞行中。最酷的一点是悠悠组件来自CDN并且知道依赖性,所以我不必这么做。所以如果我需要悠悠为了某事,我不需要额外的脚本维护人员必须包括的节点,只是我的脚本.然而,我们仍然需要的是包括悠悠加载器本身。

除非……你用雅虎_配置侦听器。这东西比两者都老悠悠得到和悠悠是一个对象方法,每次悠悠组件已加载。为什么不加载悠悠装载机使用这个?

一个问题是悠悠加载器不会调用配置侦听器说它是加载器,但是说它是get实用程序。另一个问题是,在加载程序被称为“get”之后立即执行它是不起作用的。解决方法是使用超时。

把所有的东西都包在里面雅虎配置对象,然后您将变戏法悠悠空气稀薄。以下示例加载悠悠Dom悠悠事件和警报“完成”一旦一切就绪。在这里看看


yahoo_config=function()
var s=document.createElement(“script”);
s.setattribute('type','text/javascript');
s.setattribute('src','http://yui.yahooapis.com/2.5.2/'+
'build/yuiloader/yuiloader-beta-min.js');
document.getElementsByTagname('head')[0].附件子项;
返回{
监听器:函数(O)
if(o.name==‘get’)
window.settimeout(雅虎配置就绪,1);
}

}
就绪:函数()
var加载器=新雅虎.util.yuiloader();
var dependencies=['yahoo'、'dom'、'event'];
加载器。需要(依赖项);
loader.loadOptional=true;
加载器.插入件({)
onSuccess:函数()
console.log(“完成!”);
}

(});
}

};
}();

多亏了刘翔的排练技巧。

黑客Slideshare的嵌入添加了一个预览,并大大缩短和可读性。

星期四,4月17日,二千零八

编辑: 脚本中有一个bug(请参阅注释),但是GoogleCode不允许我编辑自己的文件。一旦我解决了那个问题,我会解决的。注释中报告的错误现在已修复,可悲的是,我还不得不重新编写转换器,因为谷歌代码不允许我替换旧版本的下载(或者有什么诀窍?).新文件称为预览2.JS

正如本博客的读者所知,我非常喜欢幻灯片作为我的演示幻灯片的分发平台。然而,有一些事情让我很恼火。

其中之一是Slideshare提供的相当详细的嵌入代码:



这是一个相当大的问题,主要的问题是当您在一个文档中使用多个幻灯片嵌入时,您将减慢页面的呈现速度,因为每个Flash嵌入都需要实例化,并尝试预缓存S3中的前三张幻灯片。

我分析了一下代码,添加了一些我在RSSfeed并提出了一个以不同方式嵌入幻灯片的小JavaScript。您只需要以下代码:



这使SlideShare具有相同的功能SEO链接爱情,但要添加的要少得多。而不是整张幻灯片,你会得到一个预览图像,你可以点击它来替换为Flash电影。以下是示例:

现在,为了把一个转换成另一个,你可以用手来做,或使用幻灯片共享嵌入转换器或安装Greasemonkey脚本

到目前为止,这是一个黑客,但我和乔纳森·鲍特尔昨天晚上,在旧金山JavaScript MeTUP上,他很高兴能进一步研究这个想法。我的愿望清单:

  • 更大的预览图像
  • 休息美国石油学会以可读的方式给我这个信息的调用

yui on the go–按需加载yui组件

星期五,12月7日,二千零七

这是我在雅虎的演讲之一!在伦敦召开的前端工程峰会讨论了减少悠悠库组件。关于这个主题已经有很多文章和帖子,但是没有一篇真正解释了使用betway体育官方网雅虎_config to load components on demand而不是使用悠悠加载器。

这也是我用来创造低调的Flickr徽章v2.