摘要: 最常见网站的javascript架构可能是这样的:一个底层框架文件,如jQuery一个网站业务框架文件,包含整站公用业务模块类(如弹框、ajax封装等)多个业务文件,包含每个具体页面有关系的业务代码 为了减少一个HTTP请求,我们可能将底层框架文件和网站业务框架文件combo成一个文件,作为一个公用文件引入到每个需要使用javascript的页面中,再在具体的页面中引入和当前页相关业务js文件。为了减少页面加载脚本阻塞现象,我们还可以将脚本文件放在html的body底部进行加载。 这看似是一个很好的javascript架构方案。每个页面最多引用两个js文件,打开首页后,后续页面都可以使用缓.. 阅读全文
posted @ 2013-09-12 21:18 viltran 阅读(170) 评论(0) 推荐(0) 编辑
摘要: 转载自:http://www.nowamagic.net/librarys/veda/detail/1077这个总结来源于一次优化的请求,最初某个页面的加载十分缓慢,load事件迟迟无法触发,因此希望可以通过对静态文件分域名等方式对页面的外部资源进行优化,拿得load事件尽可能早地触发。于是我查看了页面的源码,并对外部资源进行了整理,基于下面2个理念画出了一个推测的瀑布图:浏览器对同一个域只能并发2个HTTP请求 - 网上盛传已久。javascript文件的加载会阻塞浏览器其他资源的加载 - 同样网上盛传已久。然而,当我看到各浏览器中实际的瀑布图时,我知道自己又犯了一个简单的错误:太过相信所谓 阅读全文
posted @ 2013-09-12 21:15 viltran 阅读(630) 评论(0) 推荐(0) 编辑
摘要: javascript contains方法IE有许多好用的方法,后来都被其他浏览器抄袭了,比如这个contains方法。如果A元素包含B元素,则返回true,否则false。唯一不支持这个方法的是IE的死对头firefox。 1 2 dom contains 方法 by 司徒正美 3 4 5 6 7 15 contains方法16 17 18 19 本例子会在火狐中会报错。20 21 不过火狐支持compareDocumentPosition() 方法,这是W3C制定的方法,标准浏览器都支持,不过实用性性很差,因此没有什么人用,推广不开来。它的使用形式与contain... 阅读全文
posted @ 2013-09-12 20:41 viltran 阅读(361) 评论(0) 推荐(0) 编辑