CN117786272A - WebAssemble-based front-end page acceleration method and device and browser - Google Patents
WebAssemble-based front-end page acceleration method and device and browser Download PDFInfo
- Publication number
- CN117786272A CN117786272A CN202311843163.1A CN202311843163A CN117786272A CN 117786272 A CN117786272 A CN 117786272A CN 202311843163 A CN202311843163 A CN 202311843163A CN 117786272 A CN117786272 A CN 117786272A
- Authority
- CN
- China
- Prior art keywords
- module
- webassemble
- page
- display information
- function
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 52
- 230000001133 acceleration Effects 0.000 title claims abstract description 29
- 238000012545 processing Methods 0.000 claims abstract description 69
- 238000009877 rendering Methods 0.000 claims abstract description 17
- 230000006870 function Effects 0.000 claims description 75
- JEIPFZHSYJVQDO-UHFFFAOYSA-N iron(III) oxide Inorganic materials O=[Fe]O[Fe]=O JEIPFZHSYJVQDO-UHFFFAOYSA-N 0.000 claims description 10
- 230000003993 interaction Effects 0.000 claims description 9
- 244000035744 Hura crepitans Species 0.000 claims description 7
- 238000010276 construction Methods 0.000 claims description 3
- 238000005516 engineering process Methods 0.000 description 6
- 230000009286 beneficial effect Effects 0.000 description 4
- 230000005540 biological transmission Effects 0.000 description 4
- 238000011161 development Methods 0.000 description 4
- 230000018109 developmental process Effects 0.000 description 4
- 238000000059 patterning Methods 0.000 description 3
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 230000008569 process Effects 0.000 description 2
- 230000004075 alteration Effects 0.000 description 1
- 238000010586 diagram Methods 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 238000002372 labelling Methods 0.000 description 1
- 230000008140 language development Effects 0.000 description 1
- 230000007246 mechanism Effects 0.000 description 1
- 238000012795 verification Methods 0.000 description 1
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
The invention provides a front-end page acceleration method, a device and a browser based on WebAssemble, which belong to the technical field of computers and comprise the following steps: compiling the acquired WebAsssemly module source code to acquire a wasm format file; the method comprises the steps that an operating environment of a WebAssemble module is built in a browser, a wasm format file is input into the operating environment of the WebAssemble module through an API interface, the WebAssemble module is loaded through a loader, and a WebAssemble function is instantiated; after receiving the page display information, the browser loads the page display information through the WebAssemble module and displays the page display information on a front-end page; the user performs graphical operation based on page display information of the front page, and when the graphical operation is a function contained in a source code of the WebAssemblem module, a corresponding WebAssemblem function is called; and inputting processing parameters of the graphical operation into a WebAssembly function for image processing, and displaying an image processing result on a front-end page. Through the technical scheme, more efficient front-end page loading and rendering are realized, and the use experience of a user is greatly improved.
Description
Technical Field
The invention relates to the technical field of computers, in particular to a front-end page acceleration method, device and browser based on WebAssembly.
Background
With the rapid development of network technology, the complexity and the requirements of the Web application program are increased while the Web program is widely applied, and the loading and rendering speed of the front-end page directly influences the user experience.
Currently, the loading and rendering of the front-end page mainly depends on that JavaScript, javaScript in Web development is a script language for interpretation and execution, and the execution speed is relatively slow, so that the performance is not ideal for some tasks (such as games, graphics processing and the like) which need high performance. Meanwhile, as the JavaScript is in a text format, the size of the file is relatively large, and the loading and executing time is long, so that the page loading is slow, and the user experience is affected; some high-performance application programs need to directly access the bottom hardware of the computer, but JavaScript does not have the access function and can only be accessed by setting a fixed connection interface.
Therefore, a front-end page acceleration method, device and browser based on WebAssemble are provided.
Disclosure of Invention
In order to solve the technical problems, the invention provides a front-end page acceleration method and device based on WebAssemblem and a browser, which are used for improving the loading and rendering speeds of the front-end page of the browser and improving the user experience.
The embodiment of the invention provides a front-end page acceleration method based on WebAssembly, which is characterized by comprising the following steps:
acquiring a WebAssemble module source code;
compiling the WebAsssemly module source code to obtain a wasm format file;
the method comprises the steps that an operating environment of a WebAssemblem module is built in a browser, an API interface is arranged in the operating environment, the wasm format file is input into the operating environment of the WebAssemblem module through the API interface, and the WebAssemblem module is loaded through a loader;
distributing running memory for the WebAssemble module, and instantiating a WebAssemble function;
after receiving the page display information, the browser loads the page display information through the WebAsssembly module and displays the page display information on a front-end page;
the user performs graphical operation based on the page display information of the front-end page;
the browser identifies the graphical operation, and when the graphical operation is a function contained in the source code of the WebAssemblem module, a corresponding WebAssemblem function is called;
and acquiring processing parameters of the graphical operation, inputting the processing parameters into the WebAssembly function for image processing, and displaying an image processing result on a front-end page.
Preferably, a front-end page acceleration method based on WebAssembly includes the steps: obtaining WebAssembly module source code, including:
WebAsssembly module source code, including code written in C, C ++, rust, or Asssembly script language.
Preferably, a front-end page acceleration method based on WebAssembly includes the steps: compiling the WebAsssembly module source code to obtain a wasm format file, wherein the compiling comprises the following steps:
compiling the WebAsssemly module source code through a compiler to obtain a binary wasm format file;
a compiler including an emscript compiler, a Rust compiler, and an asssemblyscript compiler; and the Emscripten compiler is used for compiling WebAsssembly module source codes written in the C or C++ language.
Preferably, a front-end page acceleration method based on WebAssembley,
the loader comprises a WebAssemble object and a JavaScript library.
Preferably, a front-end page acceleration method based on WebAssembly includes the steps: after receiving the page display information, the browser loads the page display information through the WebAssembly module and displays the page display information on a front-end page, and the method comprises the following steps:
after the browser receives the page display information, an independent closed sandbox is built in the running environment of the WebAssembly module;
and the WebAssemblely module is used for rendering the page display information in a sandbox environment by calling a WebAssemble function and displaying the page display information on the front-end page.
Preferably, a front-end page acceleration method based on WebAssembly includes the steps: the browser identifies the graphical operation, and when the graphical operation is a function contained in the WebAssembly module source code, the browser calls a corresponding WebAssembly function and further comprises:
when the graphical operation is not the function contained in the WebAssemble module source code, acquiring a JavaScript function corresponding to the graphical operation, and importing the JavaScript function into the WebAssemble module;
and according to the graphical operation, performing image processing through the JavaScript function called by the WebAssemble module to obtain an image processing result.
Preferably, a front-end page acceleration method based on WebAssembly includes the steps: processing parameters of the graphical operation are acquired and input into the WebAssembly function for image processing, and an image processing result is displayed on a front-end page, and the method further comprises the following steps:
the WebAssemble module stores page display information of the front page in a shared memory mode;
after the image processing is carried out on the page display information through the WebAssemblem function, the WebAssemblem module transmits and displays the image processing result to the front page of the browser through an API interface and stores the image processing result.
The embodiment of the invention provides a front-end page accelerating device based on WebAssemble, which comprises:
the WebAssemblem module construction unit is used for acquiring a WebAssemblem module source code, compiling the WebAssemblem module source code and acquiring a wasm format file;
the operation environment building unit is used for building an operation environment of the WebAssemble module in the browser and setting an API interface for the operation environment;
the WebAssemble module loading unit is used for inputting the wasm format file into the running environment of the WebAssemble module through an API interface and loading the WebAssemble module through a loader;
the instantiation unit is used for distributing running memory for the WebAssemble module and instantiating a WebAssemble function;
the page display unit is used for loading the page display information through the WebAssemblem module after the browser receives the page display information and displaying the page display information on a front page;
the page interaction unit is used for receiving graphic operation performed by a user based on the page display information of the front-end page;
and the WebAssemble module processing unit is used for identifying the graphical operation, calling a corresponding WebAssemble function when the graphical operation is the function contained in the WebAssemble module source code, acquiring processing parameters of the graphical operation, inputting the processing parameters into the WebAssemble function for image processing, and displaying an image processing result on a front-end page through the display unit.
The embodiment of the invention provides a browser, which executes the steps of the method described in any one of the above.
Compared with the prior art, the invention has the beneficial effects that: according to the invention, the wasm format file obtained by compiling the source code of the WebAssemblem module is used as a local machine code, the file is smaller, and the page display information of the browser is loaded through the WebAssemblem module, so that the loading and rendering speed of a front-end page can be remarkably improved, and the user experience is improved; compared with the page processing based on the text format JavaScript in the prior art, the method realizes more efficient page loading and rendering; meanwhile, the WebAssemble module can directly access the bottom hardware and functions of the computer, so that the interaction between the WebAssemble module and a host environment is facilitated, and the data transmission speed is improved; and the front-end logical operation is transferred to the WebAssemblely execution environment by calling the WebAssemble function to perform image processing, so that the operation pressure of a browser is reduced, more efficient page loading and rendering are realized, and the use experience of a user is greatly improved.
Additional features and advantages of the invention will be set forth in the description which follows, and in part will be obvious from the description, or may be learned by practice of the invention. The objectives and other advantages of the invention will be realized and attained by the structure particularly pointed out in the written description and claims thereof as well as the appended drawings.
The technical scheme of the invention is further described in detail through the drawings and the embodiments.
Drawings
FIG. 1 is a schematic flow chart of a front-end page acceleration method based on WebAssemble provided by the invention;
fig. 2 is a schematic structural diagram of a WebAssembly-based front-end page device provided by the invention.
Detailed Description
The preferred embodiments of the present invention will be described below with reference to the accompanying drawings, it being understood that the preferred embodiments described herein are for illustration and explanation of the present invention only, and are not intended to limit the present invention.
The embodiment of the invention provides a front-end page acceleration method based on WebAssemble, which comprises the following steps of:
acquiring a WebAssemble module source code;
compiling a WebAsssemly module source code to obtain a wasm format file;
the method comprises the steps that an operating environment of a WebAssemble module is built in a browser, an API interface is arranged in the operating environment, a wasm format file is input into the operating environment of the WebAssemble module through the API interface, and the WebAssemble module is loaded through a loader;
allocating running memory for the WebAssemble module, and instantiating a WebAssemble function;
after receiving the page display information, the browser loads the page display information through the WebAssemble module and displays the page display information on a front-end page;
the user performs graphical operation based on page display information of the front page;
the browser identifies the graphical operation, and when the graphical operation is a function contained in the source code of the WebAssemblem module, the corresponding WebAssemblem function is called;
processing parameters of the graphical operation are obtained, the processing parameters are input into a WebAssemble function to perform image processing, and an image processing result is displayed on a front-end page.
In the above embodiment, compiling the acquired WebAssembly module source code to acquire a wasm format file; the method comprises the steps that an operating environment of a WebAssemble module is built in a browser, a wasm format file is input into the operating environment of the WebAssemble module through an API interface, the WebAssemble module is loaded through a loader, and a WebAssemble function is instantiated;
after receiving the page display information, the browser loads the page display information through the WebAssemble module and displays the page display information on a front-end page;
the user carries out the graphic operation based on the page display information of the front page, identifies the graphic operation, and when the graphic operation is the function contained in the source code of the WebAssemble module, invokes the corresponding WebAssemble function; and inputting processing parameters of the graphical operation into a WebAssembly function for image processing, and displaying an image processing result on a front-end page.
The beneficial effects of the above technology are: the wasm format file obtained through compiling is a local machine code, the file size is small, page display information of a browser is loaded through the WebAssemble module, the webpage loading and rendering speed can be remarkably improved, and the user experience is improved; compared with the page processing based on the text format JavaScript in the prior art, the method realizes more efficient page loading and rendering; meanwhile, the WebAssemble module can directly access the bottom hardware and functions of the computer, so that the interaction between the WebAssemble module and a host environment is facilitated, and the data transmission speed is improved; and the WebAssembly function is called to process the image, so that the front-end logical operation is transferred to the WebAssembly execution environment, more efficient page loading and rendering are realized, and the use experience of a user is greatly improved.
In the above embodiments, the method and the device can be widely applied to various application programs based on Web technology, such as e-commerce websites, online games, social media platforms and the like.
In one embodiment, webAssembly is a portable, performance efficient binary instruction format aimed at providing a standard for running high performance applications in Web browsers that provides multiple language options and flexibility for Web function development by optimizing code execution, providing cross-language support, and guaranteeing security, in order to achieve more efficient, safer, and richer applications on a Web platform.
In one embodiment, webAssembly may run on a variety of operating systems and hardware architectures, without being limited by a particular platform, such as a Web browser, server, internet of things device, or the like.
In one embodiment, the WebAssembly module is a package of executable code of a wasm format file, and contains elements such as functions, global variables, memory, and tables. Modules are defined using a grammar similar to the C language, and functions can be imported and exported to interact with other modules.
In one embodiment, the execution environment of the WebAssembly module includes a Wasm virtual machine, which is a software interpreter or just-in-time compiler that runs the WebAssembly module, is responsible for loading, parsing and executing the Wasm binary code, and provides an interactive interface with a host environment (e.g., web browser); functions such as memory management, type verification, function scheduling, exception handling, garbage collection, etc. are run on the Wasm virtual machine to ensure safe and efficient code execution.
Example 2:
the front-end page acceleration method based on WebAsssemly comprises the following steps: obtaining WebAssembly module source code, including:
WebAsssembly module source code, including code written in C, C ++, rust, or Asssembly script language.
In the above embodiment, the WebAssembly module source code can be written in a plurality of languages such as C, C ++, rust or assembly script, so that workers who master different language development can select a self-skilled language to write the WebAssembly module source code, and the functions of the WebAssembly module are enriched without depending on a specific language and platform.
In one embodiment, the asm.js project pushed by Mozilla, asm.js, is a low-level subset of JavaScript that enables performance closer to native code by using type labeling and restriction features while maintaining compatibility with existing JavaScript engines. However, asm.js is still a form of interpreted execution, writing and maintaining asm.js code is complex and error-prone. Through the technical scheme, a developer can arbitrarily select a development platform to write the WebAssemblem module source code, so that the problems of complex asm.js code writing and easy error in the traditional technology are solved.
Example 3:
the embodiment of the invention provides a front-end page acceleration method based on WebAssemble, which comprises the following steps: compiling the WebAsssembly module source code to obtain a wasm format file, wherein the compiling comprises the following steps:
compiling the WebAsssemly module source code through a compiler to obtain a binary wasm format file;
a compiler including an emscript compiler, a Rust compiler, and an asssemblyscript compiler; and the Emscripten compiler is used for compiling WebAsssembly module source codes written in the C or C++ language.
In the above embodiment, the WebAssembly module source code is compiled by the compiler to obtain the wasm format file.
In the above embodiments, the compiler includes an emscript compiler, a Rust compiler, and an asssemblyscript compiler; the Emscripten compiler is used for compiling WebAssemble module source codes written in the C or C++ language, the Rust compiler is used for compiling WebAssemble module source codes written in the Rust language, and the Assemble script compiler is used for compiling WebAssemble module source codes written in the Assemble script language.
In the above embodiment, the binary wasm format file is obtained after compiling by the compiler to represent the executable code and the module.
In one embodiment, binary wasm-formatted files are accelerated using hardware features (e.g., SIMD instruction set), and techniques such as just-in-time compiler (JIT) are used to compile the wasm-formatted files into native machine code.
The beneficial effects of the above technology are: through a compiler, the WebAsssembly module source codes written in different languages are compiled into a wasm format file; and the wasm format file is binary, so that the size of the code file is greatly reduced, and compared with the text format file, the wasm format file can be loaded and analyzed more quickly, and meanwhile, the bandwidth consumption of network transmission and storage is reduced.
Example 4:
the embodiment of the invention provides a front-end page acceleration method based on WebAssemblem,
and the loader comprises a WebAsssembly object and a JavaScript library.
In the above embodiment, the loader loads the WebAssembly module in the browser through the WebAssembly object or the JavaScript library.
In one embodiment, the JavaScript library includes wasm-bindgen.
Example 5:
the embodiment of the invention provides a front-end page acceleration method based on WebAssemble, which comprises the following steps: after receiving the page display information, the browser loads the page display information through the WebAssembly module and displays the page display information on a front-end page, and the method comprises the following steps:
after receiving the page display information, the browser establishes an independent closed sandbox in the running environment of the WebAssemble module;
the WebAssembly module is used for rendering the page display information in the sandbox environment by calling a WebAssembly function and displaying the page display information on a front page.
In the above embodiment, an independent operation environment is established for the WebAssembly module through the sandbox mechanism, and the WebAssembly module cannot directly access the resources of the host environment, so that the security of system operation is improved, and the potential harm of malicious codes in the module to the system is effectively reduced.
Example 6:
the embodiment of the invention provides a front-end page acceleration method based on WebAssemble, which comprises the following steps: the browser identifies the graphical operation, and when the graphical operation is a function contained in the source code of the WebAssemblem module, the browser invokes the corresponding WebAssemblem function, and the method further comprises the following steps:
when the graphical operation is not the function contained in the source code of the WebAssemble module, acquiring a JavaScript function corresponding to the graphical operation, and importing the JavaScript function into the WebAssemble module;
and according to the graphical operation, performing image processing through the JavaScript function called by the WebAssemble module to obtain an image processing result.
In the above embodiment, when the graphical operation of the user is not the function contained in the source code of the WebAssembly module, corresponding image processing is realized through interaction between the WebAssembly module and the JavaScript, and on the premise that the execution speed of the WebAssembly module is more advantageous, cross-language calling and data sharing are realized through interaction with a host language (such as JavaScript), so that the functions of the WebAssembly module are enriched, and meanwhile, the image operation function of the user based on the front-end page of the browser is realized.
Example 7:
the embodiment of the invention provides a front-end page acceleration method based on WebAssemble, which comprises the following steps: processing parameters of the graphical operation are acquired and input into a WebAssembly function for image processing, and an image processing result is displayed on a front-end page, and the method further comprises the following steps:
the WebAssemble module stores page display information of the front page in a shared memory mode;
after the image processing is carried out on the page display information through the WebAsssembly function, the WebAsssemly module transmits and displays the image processing result to the front-end page of the browser through the API interface and stores the image processing result.
In the above embodiment, the WebAssembly module stores the page display information of the front page and the image processing result after performing the image processing on the page display information in the form of a shared memory.
Example 8:
the embodiment of the invention provides a front-end page acceleration device based on WebAssemble, which comprises the following components with reference to FIG. 2:
the WebAssemblem module construction unit is used for acquiring the WebAssemblem module source code, compiling the WebAssemblem module source code and acquiring a wasm format file;
the operation environment building unit is used for building an operation environment of the WebAssemble module in the browser and setting an API interface for the operation environment;
the WebAssembly module loading unit is used for inputting the wasm format file into the running environment of the WebAssembly module through the API interface and loading the WebAssembly module through the loader;
the instantiation unit is used for distributing running memory for the WebAssemble module and instantiating a WebAssemble function;
the page display unit is used for loading the page display information through the WebAssemblem module after the browser receives the page display information and displaying the page display information on the front page;
the page interaction unit is used for receiving graphic operation performed by a user based on page display information of a front-end page;
and the WebAssemble module processing unit is used for identifying the patterning operation, calling the corresponding WebAssemble function when the patterning operation is the function contained in the WebAssemble module source code, acquiring the processing parameters of the patterning operation, inputting the processing parameters into the WebAssemble function for image processing, and displaying the image processing result on the front-end page through the display unit.
In the above embodiment, the WebAssembly module building unit compiles the acquired WebAssembly module source code to acquire the wasm format file; the method comprises the steps that an operation environment setting-up unit embeds an operation environment of a WebAssemblem module in a browser, a WebAssemblem module loading unit inputs a wasm format file into the operation environment of the WebAssemblem module through an API interface, the WebAssemblem module is loaded through a loader, and a WebAssemblem function is instantiated through an instantiation unit;
the page display unit loads page display information through the WebAsssembly module after receiving the page display information, and displays the page display information on a front-end page;
the method comprises the steps that a page interaction unit receives a graphical operation which is carried out by a user based on page display information of a front page, a WebAssemblem module processing unit identifies the graphical operation, and when the graphical operation is a function contained in a WebAssemblem module source code, a corresponding WebAssemblem function is called; and inputting processing parameters of the graphical operation into a WebAssembly function for image processing, and displaying an image processing result on a front-end page.
The beneficial effects of the above technology are: the WebAssembly module building unit compiles the acquired wasm format file as a local machine code, the file size is small, page display information of the browser is loaded through the WebAssembly module, the webpage loading and rendering speed can be remarkably improved, and the user experience is improved; compared with the page processing based on the text format JavaScript in the prior art, the method realizes more efficient page loading and rendering; meanwhile, the WebAssemble module can directly access the bottom hardware and functions of the computer, so that the interaction between the WebAssemble module and a host environment is facilitated, and the data transmission speed is improved; and the WebAssembly function is called to process the image, so that the front-end logical operation is transferred to the WebAssembly execution environment, more efficient page loading and rendering are realized, and the use experience of a user is greatly improved.
Example 9:
the embodiment of the invention provides a browser, which executes the steps of the method in any one of the embodiments.
The browser in the above embodiment includes any one of the embodiments, so as to achieve more efficient page rendering of the browser and improve user experience.
It will be apparent to those skilled in the art that various modifications and variations can be made to the present invention without departing from the spirit or scope of the invention. Thus, it is intended that the present invention also include such modifications and alterations insofar as they come within the scope of the appended claims or the equivalents thereof.
Claims (9)
1. A front-end page acceleration method based on WebAssembley is characterized by comprising the following steps:
acquiring a WebAssemble module source code;
compiling the WebAsssemly module source code to obtain a wasm format file;
the method comprises the steps that an operating environment of a WebAssemblem module is built in a browser, an API interface is arranged in the operating environment, the wasm format file is input into the operating environment of the WebAssemblem module through the API interface, and the WebAssemblem module is loaded through a loader;
distributing running memory for the WebAssemble module, and instantiating a WebAssemble function;
after receiving the page display information, the browser loads the page display information through the WebAsssembly module and displays the page display information on a front-end page;
the user performs graphical operation based on the page display information of the front-end page;
the browser identifies the graphical operation, and when the graphical operation is a function contained in the source code of the WebAssemblem module, a corresponding WebAssemblem function is called;
and acquiring processing parameters of the graphical operation, inputting the processing parameters into the WebAssembly function for image processing, and displaying an image processing result on a front-end page.
2. The WebAssembly based front-end page acceleration method of claim 1, wherein the steps of: obtaining WebAssembly module source code, including:
WebAsssembly module source code, including code written in C, C ++, rust, or Asssembly script language.
3. The WebAssembly based front-end page acceleration method of claim 1, wherein the steps of: compiling the WebAsssembly module source code to obtain a wasm format file, wherein the compiling comprises the following steps:
compiling the WebAsssemly module source code through a compiler to obtain a binary wasm format file;
a compiler including an emscript compiler, a Rust compiler, and an asssemblyscript compiler; and the Emscripten compiler is used for compiling WebAsssembly module source codes written in the C or C++ language.
4. The web assembly based front end page acceleration method of claim 1, wherein,
the loader comprises a WebAssemble object and a JavaScript library.
5. The WebAssembly based front-end page acceleration method of claim 1, wherein the steps of: after receiving the page display information, the browser loads the page display information through the WebAssembly module and displays the page display information on a front-end page, and the method comprises the following steps:
after the browser receives the page display information, an independent closed sandbox is built in the running environment of the WebAssembly module;
and the WebAssemblely module is used for rendering the page display information in a sandbox environment by calling a WebAssemble function and displaying the page display information on the front-end page.
6. The WebAssembly based front-end page acceleration method of claim 1, wherein the steps of: the browser identifies the graphical operation, and when the graphical operation is a function contained in the WebAssembly module source code, the browser calls a corresponding WebAssembly function and further comprises:
when the graphical operation is not the function contained in the WebAssemble module source code, acquiring a JavaScript function corresponding to the graphical operation, and importing the JavaScript function into the WebAssemble module;
and according to the graphical operation, performing image processing through the JavaScript function called by the WebAssemble module to obtain an image processing result.
7. The WebAssembly based front-end page acceleration method of claim 1, wherein the steps of: processing parameters of the graphical operation are acquired and input into the WebAssembly function for image processing, and an image processing result is displayed on a front-end page, and the method further comprises the following steps:
the WebAssemble module stores page display information of the front page in a shared memory mode;
after the image processing is carried out on the page display information through the WebAssemblem function, the WebAssemblem module transmits and displays the image processing result to the front page of the browser through an API interface and stores the image processing result.
8. The front-end page accelerating device based on WebAssembly is characterized by comprising:
the WebAssemblem module construction unit is used for acquiring a WebAssemblem module source code, compiling the WebAssemblem module source code and acquiring a wasm format file;
the operation environment building unit is used for building an operation environment of the WebAssemble module in the browser and setting an API interface for the operation environment;
the WebAssemble module loading unit is used for inputting the wasm format file into the running environment of the WebAssemble module through an API interface and loading the WebAssemble module through a loader;
the instantiation unit is used for distributing running memory for the WebAssemble module and instantiating a WebAssemble function;
the page display unit is used for loading the page display information through the WebAssemblem module after the browser receives the page display information and displaying the page display information on a front page;
the page interaction unit is used for receiving graphic operation performed by a user based on the page display information of the front-end page;
and the WebAssemble module processing unit is used for identifying the graphical operation, calling a corresponding WebAssemble function when the graphical operation is the function contained in the WebAssemble module source code, acquiring processing parameters of the graphical operation, inputting the processing parameters into the WebAssemble function for image processing, and displaying an image processing result on a front-end page through the display unit.
9. A browser, wherein the browser performs the steps of the method of any of claims 1-7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202311843163.1A CN117786272A (en) | 2023-12-28 | 2023-12-28 | WebAssemble-based front-end page acceleration method and device and browser |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202311843163.1A CN117786272A (en) | 2023-12-28 | 2023-12-28 | WebAssemble-based front-end page acceleration method and device and browser |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN117786272A true CN117786272A (en) | 2024-03-29 |
Family
ID=90385223
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202311843163.1A Pending CN117786272A (en) | 2023-12-28 | 2023-12-28 | WebAssemble-based front-end page acceleration method and device and browser |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN117786272A (en) |
-
2023
- 2023-12-28 CN CN202311843163.1A patent/CN117786272A/en active Pending
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110096338B (en) | Intelligent contract execution method, device, equipment and medium | |
| CN111881401B (en) | WebAssemble-based browser deep learning method and system | |
| US8479178B2 (en) | Compiler in a managed application context | |
| US7240346B2 (en) | Method and system for accessing drawing resources | |
| US10846101B2 (en) | Method and system for starting up application | |
| US10191774B2 (en) | Hardware acceleration of web applications | |
| US9495720B2 (en) | Method and apparatus for compiling and executing an application using virtualization in a heterogeneous system | |
| US9529608B2 (en) | Thread-agile execution of dynamic programming language programs | |
| EP1949228B1 (en) | Asynchronous just-in-time compilation | |
| WO2019168693A1 (en) | Compiler-generated asynchronous enumerable object | |
| US10620980B2 (en) | Techniques for native runtime of hypertext markup language graphics content | |
| CN1287280C (en) | Method for increasing executing characteristic of function while operation, and calulating system thereof | |
| CN117786272A (en) | WebAssemble-based front-end page acceleration method and device and browser | |
| US11429358B2 (en) | Representing asynchronous state machine in intermediate code | |
| Parsons et al. | The java story | |
| CN113849397A (en) | Execution engine, virtual machine, related apparatus and related methods | |
| CN109492354A (en) | A kind of method, apparatus and system of obfuscated codes | |
| Ketonen | Examining performance benefits of real-world WebAssembly applications: a quantitative multiple-case study | |
| US11061703B2 (en) | Managed runtime data marshaling for native code access using a thread local native buffer | |
| Liang et al. | A mobile integrated development environment for C programming | |
| CN112954075B (en) | Business function implementation method, system, corresponding device and storage medium | |
| Brune | An Open Source Approach for Modernizing Message-Processing and Transactional COBOL Applications by Integration in Java EE Application Servers | |
| Janik et al. | AJVM: JAVA Virtual Machine Implemented in Actionscript 3.0 | |
| Lyu et al. | What Else Can You Do with Rust? | |
| CN114296694A (en) | Generation method and loading method of small program |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |