在线客服与您一对一交流
当前位置: 主页 > 行业新闻 > IT技术 >

head.js 小型网站并行动态加载JS利器 (js文件加载器)

head.js 小型网站并行动态加载JS利器 (js文件加载器)

head.js   ——   The only script in your HEAD   让head标签中仅有一个script标签

快速加载JS和css文件

通常情况下JS两大特性 1. 载入后马上执行  2. 执行时会阻塞页面后续的内容 3. 串行加载 按顺序加载,所以每个JS有加载时间,所以JS越多加载的时间越长,如果采用并行加载也叫异步加载并行执行(就是所有JS文件同时加载)的话,JS加载速度能提高差不多一倍,headjs就是并行加载的方式来提高网站JS的加载速度,并且headjs提供了缓存机制,加载的文件可以被缓存,加载但不执行,仅当在我们想要执行的时候执行。
headjs的用法:

1.  head.js('a.js')  异步加载js

2.  head.js("a.js",function(){});  异步加载a.js,只有a.js成功加载之后才执行函数

3.  head.js('a.js','b.js','c.js'...'n.js')  并行下载里面的js,并按顺序执行

4.  head.js("a.js","b.js","c.js",function(){ }) a.js、b.js、 c.sj 并行下载里面的js,并按顺序执行  全部加载成功后执行后面的回调函数

5.  head.js(a.js); head.js(b.js); head.js(c.js)  类似2

6.  head.js(a.js).js(b.js).js(c.js)   类似2

7.  head.read(function(){})  简洁写法  head(function(){}); 页面所有head.js加载完成之后才会执行

8.  head.read('a.js',function(){})  在页面所有head.js加载完成之后才加载a.js

9.  head.onlyready('a.js')   //仅加载 只负责加载JS但不执行

10.  head.ready('c.js',function(){
     a.execut(); //在需要执行的地方执行execut方法。
})  

11.  head.load('jQuery.js',function(){})

12.  head.load('a.css')

head.test  head.feature  head.boxshadow   ....  

给脚本起别名

head.js(
    {a:"http://www.it2168.com/js/a.js"},
    {b:"http://www.it2168.com/js/b.js"},
    {c:"http://www.it2168.com/js/c.js"},
    "d.js" //别名可选
)

head.ready('a',function(){
        alert('a.js加载完成');
}) 页面中的d.js加载完成后才加载a.js 并执行回调函数

可以先将页面全部输出再用headjs加载需要的脚本,应用window.onload事件,防止脚本加载不成功页面一直打转!
<script type="text/javascript" src="head.js"></script>

<script type="text/javascript">
window.onload=function(){
    head.js('jquery.js'),function(){}
}
</script>




相关文章:

  • 随着扁平化设计的流行,现在大部分的网站已经摆脱了立体框架。Win8系统的推行,苹果主题设计也转变为扁平化模式,这足以证明了扁平化设计的发展潮流。虽然扁平化设计看似简洁,...

  • 不少刚接触网站优化的站长都觉得这是一门深不可测的学问。这种想法是片面的,我们可以将seo分解开,就是说把网站中的每一个元素和环节都细分进行优化。那么,究竟哪几个因素可...

  • 很多做优化的人都曾遇到过网站排名下降的情况,网站排名怎么突然就下降了呢?这种情况并不是绝对的,只是说有可能发生,如果不能知道是不是降权而去盲目操作,很有可能对网站...

  • 谈到SEO,大家都有着自己的经验与看法,但是,很多人做了很长时间是SEO工作后,还是有一些技巧容易被忽略,或许我们对于常规的SEO方式已经熟烂于心,但是,如果再加上一些小技巧...

  • 剑锋网络1月10日讯,企业在建站时对于选择模板建站还是定制网站会考虑众多因素,那么,模板建站和定制开发最核心的区别又到底是什么呢? 一、质量 模版网站相对来说建站价格会相...

  • 每个站长都盼望本身的站变得更滑稽,可以大概不修正网站模板,网站模板面临的窜改可以大概体重会低落,西安网站建设公司将关照你:怎么防备修正页面模板后的权重低落。 1 需求...

  • 网络营销的成功在很大程度上与网站建设和维护有关。公司在努力提高网站的影响时,要考虑网站开发的17个阶段。一般说来,对每个阶段实施的越彻底,获得的利益也就越大。但是公...

  • 百度竞价是一个开放式的平台,我们可以购买竞争对手的品牌词(俗称竞品词),当用户搜索此类关键词时,可以展现我们的广告创意,那么问题就来了:如果竞争对手购买我们的品牌...

  • 要领一:网站建设之确定网站建设主题 做网站,首先必须要解决的是确定网站建设的主题。美国《个人电脑》杂志(pc magazine)评出了99年度排名前100位的全美知名网站的十类题材:第1类...

  • 网站建设中容易忽视的细节问题,有很多的站长在做网站优化的时候心里只记着:内容为王,外链为皇的传统理论,还有些经验老道一点的站长还会关注一下内链的建设,但我们做网站...

  • 公司:西安蟠龙网络科技有限公司
  • 联系人:张经理
  • 手机/微信:
  • Q Q: 点击这里给我发消息
  • 地址:西安市雁塔区唐延南路11号逸翠园i都会