【技术实现步骤摘要】
本专利技术涉及计算机，特别涉及一种基于webassembly的前端页面加速方法、装置和浏览器。
技术介绍
1、随着网络技术的快速发展，web程序广泛应用的同时，web应用程序的复杂性和要求也在增加，而前端页面的加载和渲染速度则直接影响用户体验。
2、目前，前端页面的加载和渲染主要依赖于web开发中javascript，javascript是一种解释执行的脚本语言，执行速度相对较慢，对于一些需要高性能的任务(如游戏、图形处理等)来说，性能不够理想。同时由于javascript是文本格式，文件的大小相对较大，加载和执行时间较长，导致页面加载缓慢，影响用户体验；部分高性能应用程序需要直接访问计算机的底层硬件，但javascript不具备该访问功能，只能通过设置固定连接接口进行访问。
3、因此，提出一种基于webassembly的前端页面加速方法、装置和浏览器。
技术实现思路
1、为解决上述技术问题，本专利技术提供一种基于webassembly的前端页面加速方法、装置和浏览器，用以提高浏览器前端页面的加载和渲染速度，改善用户体验。
2、本专利技术实施例中提供了一种基于webassembly的前端页面加速方法，其特征在于，包括：
3、获取webassembly模块源代码；
4、对所述webassembly模块源代码进行编译，获取wasm格式文件；
5、在浏览器中内置webassembly模块的运行环境，运行环境设置有ap
6、为所述webassembly模块分配运行内存，实例化webassembly函数；
7、所述浏览器接收到页面显示信息后，通过所述webassembly模块加载所述页面显示信息，显示于前端页面；
8、用户基于所述前端页面的页面显示信息进行图形化操作；
9、浏览器对图形化操作进行识别，当所述图形化操作为所述webassembly模块源代码所包含的功能时，调取对应的webassembly函数；
10、获取图形化操作的处理参数，输入到所述webassembly函数中进行图像处理，并将图像处理结果在前端页面显示。
11、优选的，一种基于webassembly的前端页面加速方法，所述步骤：获取webassembly模块源代码，包括：
12、webassembly模块源代码，包括c、c++、rust或者assemblyscript语言编写的代码。
13、优选的，一种基于webassembly的前端页面加速方法，所述步骤：对webassembly模块源代码进行编译，获取wasm格式文件，包括：
14、通过编译器对webassembly模块源代码进行编译，获取二进制的wasm格式文件；
15、编译器，包括emscripten编译器、rust编译器以及assemblyscript编译器；emscripten编译器，用于编译c或c++语言编写的webassembly模块源代码。
16、优选的，一种基于webassembly的前端页面加速方法，
17、所述加载器，包括webassembly对象和javascript库。
18、优选的，一种基于webassembly的前端页面加速方法，所述步骤：所述浏览器接收到页面显示信息后，通过所述webassembly模块加载所述页面显示信息，显示于前端页面，包括：
19、所述浏览器接收到页面显示信息后，在webassembly模块的运行环境建立独立封闭的沙箱；
20、所述webassembly模块通过调取webassembly函数，在沙箱环境中对所述页面显示信息进行渲染处理，显示于所述前端页面。
21、优选的，一种基于webassembly的前端页面加速方法，所述步骤：浏览器对图形化操作进行识别，当所述图形化操作为所述webassembly模块源代码所包含的功能时，调取对应的webassembly函数，还包括：
22、当所述图形化操作不是所述webassembly模块源代码所包含的功能时，获取所述图形化操作对应的javascript函数，并将所述javascript函数导入到所述webassembly模块中；
23、根据图形化操作，通过webassembly模块调取的javascript函数进行图像处理，获取图像处理结果。
24、优选的，一种基于webassembly的前端页面加速方法，所述步骤：获取图形化操作的处理参数，输入到所述webassembly函数中进行图像处理，并将图像处理结果在前端页面显示，还包括：
25、所述webassembly模块以共享内存的形式将前端页面的页面显示信息进行存储；
26、在通过webassembly函数对页面显示信息进行图像处理后，所述webassembly模块将所述图像处理结果通过api接口向浏览器的前端页面传输显示，并进行存储。
27、本专利技术实施例提供一种基于webassembly的前端页面加速装置，包括：
28、webassembly模块构建单元，用于获取webassembly模块源代码，并对所述webassembly模块源代码进行编译，获取wasm格式文件；
29、运行环境搭建单元，用于在浏览器中内置webassembly模块的运行环境，对运行环境设置api接口；
30、webassembly模块加载单元，用于将所述wasm格式文件通过api接口输入到webassembly模块的运行环境中，通过加载器加载webassembly模块；
31、实例化单元，用于为所述webassembly模块分配运行内存，实例化webassembly函数；
32、页面显示单元，用于所述浏览器接收到页面显示信息后，通过所述webassembly模块加载所述页面显示信息，显示于前端页面；
33、页面交互单元，用于接收用户基于所述前端页面的页面显示信息进行的图形化操作；
34、webassembly模块处理单元，用于识别所述图形化操作，当所述图形化操作为所述webassembly模块源代码所包含的功能时，调取对应的webassembly函数，获取图形化操作的处理参数，输入到所述webassembly函数中进行图像处理，并将图像处理结果通过显示单元在前端页面显示。
35、本专利技术实施例提供了一种浏览器，浏览器执行上述任一项所述方法的步骤。
36、与传统技术相比，本专利技术的有益效果在于：本专利技术中将webassembly模块源代码编译获取的wasm格式文件作为本地机器代码，且文件较小，通过webassembly模块加载浏览器的本文档来自技高网...
【技术保护点】
1.一种基于WebAssembly的前端页面加速方法，其特征在于，包括：
2.根据权利要求1所述的基于WebAssembly的前端页面加速方法，其特征在于，所述步骤：获取WebAssembly模块源代码，包括：
3.根据权利要求1所述的基于WebAssembly的前端页面加速方法，其特征在于，所述步骤：对WebAssembly模块源代码进行编译，获取wasm格式文件，包括：
4.根据权利要求1所述的基于WebAssembly的前端页面加速方法，其特征在于，
5.根据权利要求1所述的基于WebAssembly的前端页面加速方法，其特征在于，所述步骤：所述浏览器接收到页面显示信息后，通过所述WebAssembly模块加载所述页面显示信息，显示于前端页面，包括：
6.根据权利要求1所述的基于WebAssembly的前端页面加速方法，其特征在于，所述步骤：浏览器对图形化操作进行识别，当所述图形化操作为所述WebAssembly模块源代码所包含的功能时，调取对应的WebAssembly函数，还包括：
7.根据权利要求1
8.一种基于WebAssembly的前端页面加速装置，其特征在于，包括：
9.一种浏览器，其特征在于，所述浏览器执行如权利要求1-7任一项所述的方法的步骤。
...【技术特征摘要】
1.一种基于webassembly的前端页面加速方法，其特征在于，包括：
2.根据权利要求1所述的基于webassembly的前端页面加速方法，其特征在于，所述步骤：获取webassembly模块源代码，包括：
3.根据权利要求1所述的基于webassembly的前端页面加速方法，其特征在于，所述步骤：对webassembly模块源代码进行编译，获取wasm格式文件，包括：
4.根据权利要求1所述的基于webassembly的前端页面加速方法，其特征在于，
5.根据权利要求1所述的基于webassembly的前端页面加速方法，其特征在于，所述步骤：所述浏览器接收到页面显示信息后，通过所述webassembly模块加载所述页面显示...
【专利技术属性】
技术研发人员：梁元值，赵建波，廖慧辉，
申请(专利权)人：天道金科股份有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。