一种用于微应用数据和页面的动态加载方法专利检索-别名电脑编程专利检索查询-专利查询网

积极推动地理标志专门立法

2022-03-10 地理标志，立法，知识产权
保护知识产权是对创新最大的激励

2022-03-10 保护知识产权，创新，激励
谢商华：加快制定知识产权基本法

2022-03-10 知识产权基本法
擦亮“双奥之城”品牌

2022-03-10 双奥，知识产权
让冰雪运动“热”力全开

2022-03-10 冰雪运动，知识产权
携手共奋进　走好强国路

2022-03-10 强国，知识产权
坚持创新引领　方能稳中求进

2022-03-10 创新，稳中求进，知识产权
答好“两张卷” 奋进新征程

2022-03-10 知识产权
专家解读政府工作报告中的创新和知识产权相关部署

2022-03-10 政府工作报告，创新，知识产权
今年政府工作报告指出：加强知识产权保护和运用

2022-03-10 政府工作报告，知识产权保护

一种用于微应用数据和页面的动态加载方法

阅读：880发布：2021-02-27

IPRDB可以提供一种用于微应用数据和页面的动态加载方法专利检索，专利查询，专利分析的服务。并且本发明公开了一种用于微应用数据和页面的动态加载方法，通过获取模块代码方法中的内容，去创建其中的脚本以实现动态加载；通过回调函数分段加载,按照依赖就近原则递归执行脚本，从上到下依次加载文件；通过动态加载的文件获取回调函数，进行逻辑判断实现分段加载，减少了网络请求，提升了用户体验。，下面是一种用于微应用数据和页面的动态加载方法专利的具体信息内容。

权利要求

1.一种用于微应用数据和页面的动态加载方法，其特征在于：该方法通过获取模块代码方法中的内容，去创建其中的脚本以实现动态加载；通过回调函数分段加载,按照依赖就近原则递归执行脚本，从上到下依次加载文件；通过动态加载的文件获取回调函数，进行逻辑判断实现分段加载，减少了网络请求，提升了用户体验。

2.根据权利要求1所述的用于微应用数据和页面的动态加载方法，其特征在于：具体如下：

1）路径配置

paths: {

"basepath":basepath}

basepath则为定义当前的路径

2）预加载项

preload:['basepath/css/main.css','basepath/js/modules/jquery-1.9.1.min','basepath/js/modules/public']

3）基础路径

base: "" + basepath + "/js/modules/"

4）别名配置

alias: {

"dialog": "dialog/dialog"}

页面请求

require(“dialog”);//动态加载别名样式和jsrequire(“index”);//动态加载逻辑jsrequire(“index.css”);//动态加载样式css。

说明书全文

一种用于微应用数据和页面的动态加载方法

技术领域

[0001] 本发明涉及电网在移动互联网环境web动态加载技术，具体说是一种用于电力信息微应用数据和页面的动态加载方法。

背景技术

[0002] Bootstrap移动应用开发框架，Bootstrap是基于 Less、丰富的 Mixin，具有丰富的删格系统，栅格类适用于与屏幕宽度大于或等于分界点大小的设备，并且针对小屏幕设备覆盖栅格类。因此，在元素上栅格类适用于与屏幕宽度大于或等于分界点大小的设备，并且针对小屏幕设备覆盖栅格类。因此，在元素上应用，也影响大屏幕设备。

[0003] 该框架的优点是可以快速适配PC端、移动端界面展示，具有兼容性高、响应式布局、栅格式设计等特点，但是bootstrap框架的不足是无法满足移动应用开发动态加载的需求。

[0004] Amaze UI移动应用开发框架，Amaze UI是由北京美通云动公司开发的国内首款开源跨屏、轻量级、高性能前端框架。该框架以移动优先为理念，从小屏逐步扩展到大屏，能够适配大部分设备屏幕。通过结合CSS3技术实现动画交互，使得展现效果更加平滑、高效，Web应用加载速度更快。同时该框架包含丰富的CSS、Js、Web组件，可以快速构建出体验出色的跨屏界面。在这么多优点里面，Amaze UI也不具备动态加载技术的需求。

发明内容

[0005] 本发明的目的是提供一种用于微应用数据和页面的动态加载方法，该方法按照依赖关系的递归执行文档创建脚本库，减少了网络请求，也提升了用户体验。

[0006] 本发明的目的通过以下技术方案实现：一种用于微应用数据和页面的动态加载方法，其特征在于：该方法通过获取模块代码方法中的内容，去创建其中的脚本以实现动态加载；通过回调函数分段加载,按照依赖就近原则递归执行脚本，从上到下依次加载文件；通过动态加载的文件获取回调函数，进行逻辑判断实现分段加载，减少了网络请求，提升了用户体验。

[0007] 具体如下：1）路径配置
paths: {
"basepath":basepath
}
basepath则为定义当前的路径
2）预加载项
preload:['basepath/css/main.css',
'basepath/js/modules/jquery-1.9.1.min',
'basepath/js/modules/public'
]
3）基础路径
base: "" + basepath + "/js/modules/"
4）别名配置
alias: {
"dialog": "dialog/dialog"
}
5）页面请求
require(“dialog”);//动态加载别名样式和js
require(“index”);//动态加载逻辑js
require(“index.css”);//动态加载样式css。

[0008] 动态加载信息，在预先加载的时候使用配置中的preload来加载与服务端交互的js和css。当某个页面所需加载js和css的时候，可使用require直接依赖加载，从而做到了写极少的代码，来动态加载所需的样式和逻辑。

[0009] 本发明既减少了网络请求，也提升了用户体验。

具体实施方式

[0010] 一种用于微应用数据和页面的动态加载方法，通过获取模块代码方法中的内容，去创建其中的脚本以实现动态加载；通过回调函数分段加载,按照依赖就近原则递归执行脚本，从上到下依次加载文件；通过动态加载的文件获取回调函数，进行逻辑判断实现分段加载。

[0011] 具体如下：1. 路径配置
paths: {
"basepath":basepath
}
basepath则为定义当前的路径
2. 预加载项
preload:['basepath/css/main.css',
'basepath/js/modules/jquery-1.9.1.min',
'basepath/js/modules/public'
]
3. 基础路径
base: "" + basepath + "/js/modules/"
4. 别名配置
alias: {
"dialog": "dialog/dialog"
}
5. 页面请求
require(“dialog”);//动态加载别名样式和js
require(“index”);//动态加载逻辑js
require(“index.css”);//动态加载样式css。

[0012] 本发明针对移动互联网环境下移动端内存、流量、电池资源有限，通过使用动态加载技术，将程序文件打散成多个小文件，以延迟加载技术，实现按需加载提升用户体验，降低移动端的资源使用率。在业务和样式上，前端开发人员只需要在代码块头部引用需要的插件库和样式代码即可。在逻辑上，开发人员只需调用后端提供的接口进行读取与显示。对于不同项目在不同的服务器上有不同的部署要求，这样动态加载即成为了一个难点，所以在模块的引用上，需做到路径的统一与规则的一致。

标题	发布/更新时间	阅读量
别名化缓冲区-专利编号CN103620554B	2020-05-11	399
一种IP别名实现方法-专利编号CN106357833A	2020-05-11	715
音频别名标签-专利编号CN101632316A	2020-05-12	1123
通信系统中的用户别名-专利编号CN1509443A	2020-05-14	604
别名化缓冲区-专利编号CN103620554A	2020-05-11	638
别名查询系统及其方法-专利编号CN104123293A	2020-05-13	1070
多别名动画中的别名选择-专利编号CN102937891A	2020-05-12	740
别名字符串-专利编号CN107534574A	2020-05-11	1055
多别名动画中的别名选择-专利编号CN102937891B	2020-05-12	1122
将别名用于日期输入-专利编号CN105359134A	2020-05-13	797

一种用于微应用数据和页面的动态加载方法

一种用于微应用数据和页面的动态加载方法

技术领域

背景技术

发明内容

具体实施方式

IPRDB

热门服务

关于我们

友情链接

联系方式