[发明专利]WEB控件加载装置和方法

说明书

本发明提供了一种WEB控件加载装置，包括：文件描述单元，用于将外部js文件描述为对应的配置文件；文件解析及计算单元，用于配置文件解析、js文件分析和Hash值计算处理；压缩js文件检查单元，用于根据计算处理得到的Hash值，从缓存中取值，检查缓存中是否存在该Hash值的压缩js文件；压缩js文件加载及应用单元，用于基于缓存中相应Hash值的压缩js文件的检查结果，加载或合并压缩并存储或应用压缩js文件。本发明还提供了一种WEB控件加载方法。通过本发明的技术方案，可以在现有的控件加载方式基础上，充分利用单对象类型完成多对象类型的控件加载，建立多对象类型参与的控件加载的通用、统一加载思路。

技术领域

本发明涉及数据处理技术领域，具体地，涉及一种WEB控件加载装置和一种WEB控件加载方法。

背景技术

随着Ajax的应用普及，WEB开发已经在在更多的系统中得到了广泛的应用并且已经得到了越来越多程序员的重视。在可以很好的提高用户体验的同时，WEB应用一个重要的方面是需要引入大量的JS、CSS等额外文件的信息。而引入JS、CSS文件等也存在不可忽视的缺点就是引入量多了会严重影响WEB应用的速度。因为目前的浏览器在加载外部的如JS等文件时，在同一时间，页面只会加载一个文件。在第一个文件加载并执行完之前，第二个要引入的文件不会下载和执行。所以如果提高JS等的加载及执行速度是需要我们关注的重大课题。

为了提高外部文件如JS等文件的加载及执行速度，在以往的实现中，主要采用以下几种方式：

优先将页面的静态内容先加载完，再来处理JS的调用，采用这样的方案，在页面的加载过程中不会因为个别的JS调用加载缓慢而影响整个页面的加载。但是如果页面引用大量的JS代码时，此方案并不适用。

优化JS代码的的效率，将饮用的js页面做压缩处理，目前一般的网站都采用了此方式。为了提高JS的下载速度，压缩JS文件可以减少JS文件的大小；另外，把多个JS文件合并成一个也能因为减少服务器的响应次数而加快网页下载。但是，如果引用JS文件过多的情况下，压缩也只能部分提高速度，而将多个JS合并会增加JS文件的复杂性，并且降低了代码的可维护性。

让影响页面速度JS函数延迟执行，延迟执行在一定程度上可以提高页面的渲染速度，但还是需要把多个js文件引入。无法解决系统中需要引用大量JS文件的加载问题。

因此，需要一种新的控件加载技术，可以在现有的控件加载方式基础上，充分利用单对象类型完成多对象类型的控件加载，建立多对象类型参与的控件加载的通用、统一加载思路。

发明内容

本发明正是基于上述问题，提出了一种新的控件加载技术，可以在现有的控件加载方式基础上，充分利用单对象类型完成多对象类型的控件加载，建立多对象类型参与的控件加载的通用、统一加载思路。

有鉴于此，本发明提出了一种WEB控件加载装置，包括：文件描述单元，用于基于待应用的系统，将待应用的外部js文件描述为一个对应的配置文件；文件解析及计算单元，用于基于描述的配置文件，进行解析、js文件分析和Hash值计算处理；压缩js文件检查单元，用于根据计算处理得到的Hash值，从缓存中取值，检查缓存中是否存在该Hash值的压缩js文件；压缩js文件加载及应用单元，用于基于缓存中相应Hash值的压缩js文件的检查结果，加载或合并压缩并存储或应用压缩js文件。在该技术方案中，只压缩页面所需js，使js的内容最小化；而且可以重用合并的js文件，最大限度的优化页面js的请求数量与流量大小。

在上述技术方案中，优选地，所述文件解析及计算单元，具体包括：配置文件解析模块，用于基于描述的配置文件，进行解析；js文件分析模块，用于基于对配置文件的解析结果，解析相应的页面应用页面，分析得到该页面应用页面包含的js文件；Hash值计算模块，用于根据分析得到的js文件和所有js文件名，计算得到相应的Hash值。在该技术方案中，可以重用合并的js压缩文件，从而有效的提供整个系统页面的加载效率。