[发明专利]一种国产CPU按需加载JavaScript文件的方法及装置

说明书

本发明涉及构建web站点技术领域，具体提供了一种国产CPU按需加载JavaScript文件的方法，首先创建一个空白HTML5页面，指定仅受首屏展现需要用到的js文件，不包含点击登录需要的js文件；根据loadJsFile将首屏加载需要的js文件以数组的形式进行传入，通过js文件特征向量计算，然后分析js文件各个函数，将控制流图的基本单元转换成固定长度的向量，抽取一个固定长度的向量为最小单元，相当于一个元，将js文件分割成若干元，即js文件由若干元组成。与现有技术相比，本发明不需要的文件不加载，需要的文件，只有在需要的时候加载，并且不会重复加载，比较快捷。

技术领域

本发明涉及构建web站点技术领域，具体提供一种国产CPU按需加载JavaScript文件的方法及装置。

背景技术

随着国家对信创的大力支持，行业发展迅速，国内涌现出一批优秀的信创软硬件产品，已经可以满足日常使用，越来越多基于信创软硬件的Web应用软件系统在很多行业投入使用。

目前JS文件的加载模式是阻塞加载，即：只有当前一个JS文件完整地加载完才能加载下一个JS文件资源，如果前一个JS过大，或者访问超时了，导致网页一直处于空白等待，会导致页面展现在用户面前消耗大量的时间。

但是在前端性能优化方面一直都只是传统的优化，比如：资源的合并与压缩，图片编码的原理，以及类型的选择，浏览器的渲染机制，懒加载、预加载、浏览器存储、缓存机制、PWA和Vue-SSR等，最小化HTTP的请求，使用内容交付网络，避免空src或是href。添加过期或者是缓存控制标头，gzip组件，将styleSheets放在顶部，将脚本放在最下面，避免css表达式，减少dns的查找。将js和css设置为外部，避免重定向，配置etag，使用ajax缓存，减少dom元素的数量，没有404，减少cookie的大小，不缩放HTML中的图像，避免使用过滤器，使用favicon.icon小型且可缓存。

这些虽然能够起到一定的作用，但是在与使用起来需要多种技术糅合起来，过于繁琐，极致压缩文件或导致我们使用的不便，修改代码还要解压缩，修改完再压缩回去，非常的麻烦。

发明内容

本发明是针对上述现有技术的不足，提供一种实用性强的按需加载JavaScript文件的方法

本发明进一步的技术任务是提供一种设计合理，安全适用的按需加载JavaScript文件的装置。

本发明解决其技术问题所采用的技术方案是：

一种国产CPU按需加载JavaScript文件的方法，首先创建一个空白HTML5页面，指定仅受首屏展现需要用到的js文件，不包含点击登录需要的js文件；

根据loadJsFile将首屏加载需要的js文件以数组的形式进行传入，通过js文件特征向量计算，然后分析js文件各个函数，将控制流图的基本单元转换成固定长度的向量，抽取一个固定长度的向量为最小单元，相当于一个元，将js文件分割成若干元，即js文件由若干元组成。

进一步的，具有如下步骤：

S1、加载loadJsFile，传入一个回调函数；

S2、获取js文件的特征向量；

S3、对传入的js文件进行函数分析；

S4、将js文件分割成若干元；

S5、将元进行去重处理；

S6、将元与特征向量分割，放置到传入js的副本中；

S7、将生成的副本js创建标签。

作为优选，在步骤S1中，传入一个回调函数，回调函数内部有一个loader对象，所述loader对象包括load方法，load方法是将需要加载的js以数组的形式传入。