客服
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:"/js/a.js"},
{b:"/js/b.js"},
{c:"/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类...
-
网站建设中容易忽视的细节问题，有很多的站长在做网站优化的时候心里只记着：内容为王，外链为皇的传统理论，还有些经验老道一点的站长还会关注一下内链的建设，但我们做网站...
- 上一篇：记录几个Linux命令
- 下一篇：DEDECMS教程：首页实现分页的两种方法