高性能JavaScript:加载和执行

       在步入正题之前为大家介绍一本很好的书《高性能JavaScript》大家不妨看一下，在本文中我为大家分享我看这本书的一些收获。

目前创新互联建站已为上1000+的企业提供了网站建设、域名、虚拟主机、网站托管、企业网站设计、普定网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

阻塞特性：
       JS 有个很无语的阻塞特性，就是当浏览器在执行JS 代码时，不能同时做其他任何事情，无论其代码是内嵌的还是外部的。

脚本位置：
       浏览器在碰到一个引入外部JS 文件的  

 

 

 

 

组织脚本：
       为了改善上面的阻塞情况，应尽可能的减少页面中    

    

 

无阻塞的脚本：
为了阻塞状况，这里提供了几个实现并行下载JS 脚本的方案。

1. 延迟的脚本

       HTML4 为 

2. 动态脚本元素
       这是最通用的解决方案，通过DOM 动态地创建    

 

load_script('file1.js', function()  

 {     

   load_script('file2.js', function()  

     {        

      load_script('file3.js', functio()  {                   

//全部载入后的操作...           

         } );  

      } );  

  } );  

  

3.XMLHttpRequest 脚本注入

       即通过AJAX 方式加载，不过这种方式无法实现跨域加载，不适用于大型网站。

推荐的无阻塞模式
       我们上面做的这些工作当然也已经被那些牛人们完成了，并写成了一些优秀的JS 类库以便我们使用，它们均能很好地解决JS 脚本的阻塞问题，实现并行下载，例如： YUI3、LazyLoad、LABjs 等。

分享文章：高性能JavaScript:加载和执行
文章链接：http://www.shufengxianlan.com/qtweb/news24/8074.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联