KR102686643B1 - 애플릿 페이지 렌더링 방법, 장치, 전자 설비 및 저장 매체 - Google Patents
애플릿 페이지 렌더링 방법, 장치, 전자 설비 및 저장 매체 Download PDFInfo
- Publication number
- KR102686643B1 KR102686643B1 KR1020227014668A KR20227014668A KR102686643B1 KR 102686643 B1 KR102686643 B1 KR 102686643B1 KR 1020227014668 A KR1020227014668 A KR 1020227014668A KR 20227014668 A KR20227014668 A KR 20227014668A KR 102686643 B1 KR102686643 B1 KR 102686643B1
- Authority
- KR
- South Korea
- Prior art keywords
- rendering
- applet page
- page
- applet
- initial
- Prior art date
Links
- 238000009877 rendering Methods 0.000 title claims abstract description 293
- 238000000034 method Methods 0.000 title claims abstract description 48
- 238000011068 loading method Methods 0.000 claims description 52
- 238000004590 computer program Methods 0.000 claims description 16
- 230000004044 response Effects 0.000 claims description 4
- 230000006870 function Effects 0.000 description 32
- 238000010586 diagram Methods 0.000 description 13
- 238000004891 communication Methods 0.000 description 9
- 238000005516 engineering process Methods 0.000 description 6
- 238000012545 processing Methods 0.000 description 6
- 230000000694 effects Effects 0.000 description 3
- 239000000284 extract Substances 0.000 description 3
- 230000001934 delay Effects 0.000 description 2
- 230000001419 dependent effect Effects 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 230000008569 process Effects 0.000 description 2
- 101000822695 Clostridium perfringens (strain 13 / Type A) Small, acid-soluble spore protein C1 Proteins 0.000 description 1
- 101000655262 Clostridium perfringens (strain 13 / Type A) Small, acid-soluble spore protein C2 Proteins 0.000 description 1
- 101000655256 Paraclostridium bifermentans Small, acid-soluble spore protein alpha Proteins 0.000 description 1
- 101000655264 Paraclostridium bifermentans Small, acid-soluble spore protein beta Proteins 0.000 description 1
- 239000008186 active pharmaceutical agent Substances 0.000 description 1
- 238000013459 approach Methods 0.000 description 1
- 238000003491 array Methods 0.000 description 1
- 238000013473 artificial intelligence Methods 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000010801 machine learning Methods 0.000 description 1
- 230000007246 mechanism Effects 0.000 description 1
- 238000005457 optimization Methods 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/46—Multiprogramming arrangements
- G06F9/48—Program initiating; Program switching, e.g. by interrupt
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/445—Program loading or initiating
- G06F9/44568—Immediately runnable code
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Stored Programmes (AREA)
Abstract
본 문에서는 애플릿 페이지 렌더링 방법, 장치, 전자 설비 및 저장 매체를 개시한다. 애플릿 페이지 렌더링 방법은, 미리 획득된 애플릿 페이지의 최초 드로잉 결과에 기반하여, 애플릿 페이지에 대해 원시 증분 렌더링을 수행하여, 애플릿 페이지의 원시 증분 렌더링 결과를 획득하는 단계; 애플릿 페이지의 최초 드로잉 결과, 애플릿 페이지의 원시 증분 렌더링 결과 및 미리 획득된 애플릿 페이지의 초기 증분 렌더링 결과에 기반하여, 애플릿 페이지를 렌더링하는 단계; 를 포함한다.
Description
본 출원은 2020년 12월 25일에 중국 특허청에 제출된 출원번호가 202011573045.X인 중국 특허출원의 우선권을 주장하는 바, 상기 출원의 전부 내용은 참조로서 본 출원에 포함된다.
본 출원은 인터넷 기술분야에 관한 것으로서, 예를 들면, 애플릿 페이지 렌더링 방법, 장치, 전자 설비 및 저장 매체와 같은 애플릿 기술에 관한 것이다.
애플릿의 개발 모델에서, 개발자는 애플리케이션(Application, App) 및 페이지(Page)에 고정된 콜백 함수를 등록할 수 있고, 애플릿은 정해진 규칙에 따라 개발자에 의해 등록된 콜백 함수가 실행되도록 트리거링하며, 애플릿의 라이프 사이클은 이러한 콜백 함수로 조성된다. 애플릿은 App 레벨과 Page 레벨에서 모두 고정된 라이프 사이클을 구비하고; 여기서, Page 레벨의 라이프 사이클의 경우, 업계에는 주로 모니터 페이지 로딩 함수(onLoad), 모니터 페이지 디스플레이 함수(onShow), 모니터 페이지 최초 렌더링 완성 함수(onReady), 모니터 페이지 언로딩 함수(onUnload)가 있다. 애플릿 페이지가 처음 로딩될 때, 애플릿 프레임워크는 onLoad, onShow, onReady의 순서에 따라 상기 세 가지 라이프 사이클의 콜백 함수를 실행한다.
페이지가 처음 로딩될 때, 항상 첫 번째 라이프 사이클 함수에서 네트워크 요청 등 관련 작업을 개시하여, 현재 페이지가 나타내야 하는 데이터를 획득하고, 애플릿에서 데이터를 렌더링하는 setData 애플리케이션 인터페이스(Application Programming Interface, API)를 호출하여 데이터를 렌더링함으로써, 최종적으로 완전한 콘텐츠를 페이지에 나타낸다. 상기 방식은 onLoad 라이프 사이클에서 네트워크 요청을 개시하지만, onLoad는 페이지의 초기 데이터가 로딩 및 렌더링될 때까지 대기해야만 실행을 트리거링할 수 있고, 즉, 렌더링 스레드에서 최초 드로잉을 완성하고 드로잉 결과를 로직 스레드에 반환해야만, 로직 스레드에서 onLoad의 실행을 트리거링하기 때문에, onLoad의 트리거링 시기가 비교적 늦어지게 되어, 최종 페이지 콘텐츠의 렌더링이 심하게 지연되므로, 사용자 체험에 영향을 미치게 된다.
본 출원은 애플릿 페이지 로딩 속도를 크게 증가시키고, 페이지 성능을 향상시키며, 사용자 체험을 최적화할 수 있는 애플릿 페이지 렌더링 방법, 장치, 전자 설비 및 저장 매체를 제공한다.
애플릿 페이지 렌더링 방법을 제공하고, 해당 방법은,
미리 획득된 애플릿 페이지의 최초 드로잉 결과에 기반하여, 상기 애플릿 페이지에 대해 원시 증분 렌더링을 수행하여, 상기 애플릿 페이지의 원시 증분 렌더링 결과를 획득하는 단계;
상기 애플릿 페이지의 최초 드로잉 결과, 상기 애플릿 페이지의 원시 증분 렌더링 결과 및 미리 획득된 상기 애플릿 페이지의 초기 증분 렌더링 결과에 기반하여, 상기 애플릿 페이지를 렌더링하는 단계; 를 포함한다.
애플릿 페이지 렌더링 장치를 더 제공하고, 해당 장치는, 증분 드로잉 모듈 및 렌더링 모듈을 포함하고; 여기서,
상기 증분 드로잉 모듈은, 미리 획득된 애플릿 페이지의 최초 드로잉 결과에 기반하여, 상기 애플릿 페이지에 대해 원시 증분 렌더링을 수행하여, 상기 애플릿 페이지의 원시 증분 렌더링 결과를 획득하도록 구성되고;
상기 렌더링 모듈은, 상기 애플릿 페이지의 최초 드로잉 결과, 상기 애플릿 페이지의 원시 증분 렌더링 결과 및 미리 획득된 상기 애플릿 페이지의 초기 증분 렌더링 결과에 기반하여, 상기 애플릿 페이지를 렌더링하도록 구성된다.
전자 설비를 더 제공하고, 해당 전자 설비는,
적어도 하나의 프로세서; 및 상기 적어도 하나의 프로세서와 통신적으로 연결되는 메모리를 포함하고; 여기서, 상기 메모리에는 상기 적어도 하나의 프로세서에 의해 실행 가능한 명령이 저장되어 있으며, 상기 명령이 상기 적어도 하나의 프로세서에 의해 실행되어, 상기 적어도 하나의 프로세서가 상기 애플릿 페이지 렌더링 방법을 수행할 수 있도록 한다.
컴퓨터 명령이 저장되어 있는 비 일시적 컴퓨터 판독 가능 저장 매체를 더 제공하고, 여기서, 상기 컴퓨터 명령은 상기 컴퓨터가 상기 애플릿 페이지 렌더링 방법을 수행하도록 한다.
컴퓨터 프로그램 제품을 더 제공하고, 해당 제품은 컴퓨터 프로그램을 포함하며, 상기 컴퓨터 프로그램이 프로세서에 의해 실행될 경우, 상기 애플릿 페이지 렌더링 방법을 구현한다.
도 1은 본 출원의 실시예에 의해 제공된 애플릿 페이지 렌더링 방법의 흐름 개략도이다.
도 2는 본 출원의 실시예에 의해 제공된 애플릿 페이지 렌더링 방법의 흐름 개략도이다.
도 3은 본 출원의 실시예에 의해 제공된 라이프 사이클의 작동 흐름 개략도이다.
도 4는 본 출원의 실시예에 의해 제공된 애플릿 페이지 렌더링 효과의 개략도이다.
도 5는 본 출원의 실시예에 의해 제공된 애플릿 페이지 렌더링 장치의 구조 개략도이다.
도 6은 본 출원의 실시예에 의해 제공된 애플릿 페이지 로딩 방법을 실현하기 위한 전자 설비의 예시적인 블록도이다.
도 2는 본 출원의 실시예에 의해 제공된 애플릿 페이지 렌더링 방법의 흐름 개략도이다.
도 3은 본 출원의 실시예에 의해 제공된 라이프 사이클의 작동 흐름 개략도이다.
도 4는 본 출원의 실시예에 의해 제공된 애플릿 페이지 렌더링 효과의 개략도이다.
도 5는 본 출원의 실시예에 의해 제공된 애플릿 페이지 렌더링 장치의 구조 개략도이다.
도 6은 본 출원의 실시예에 의해 제공된 애플릿 페이지 로딩 방법을 실현하기 위한 전자 설비의 예시적인 블록도이다.
이하 도면을 결합하여 본 출원의 예시적인 실시예를 설명하며, 여기서 본 출원의 실시예를 포함하는 각종 상세한 설명은 이해를 돕기 위한 것이며, 이들을 예시적인 것으로 간주하여야 한다. 이하의 설명에서는 공지된 기능 및 구조에 대한 설명을 생략하도록 한다.
실시예 1
도 1은 본 출원의 실시예에 의해 제공된 애플릿 페이지 렌더링 방법의 흐름 개략도이고, 해당 방법은 애플릿 페이지 렌더링 장치 또는 전자 설비에 의해 수행될 수 있고, 해당 장치 또는 전자 설비는 소프트웨어 및/또는 하드웨어의 방식으로 구현될 수 있으며, 해당 장치 또는 전자 설비는 네트워크 통신 기능을 구비하는 지능형 설비에 통합될 수 있다. 도 1에 도시된 바와 같이, 애플릿 페이지 렌더링 방법은 아래의 단계를 포함할 수 있다.
단계(S101)는, 미리 획득된 애플릿 페이지의 최초 드로잉 결과에 기반하여, 애플릿 페이지에 대해 원시 증분 렌더링을 수행하여, 애플릿 페이지의 원시 증분 렌더링 결과(original incremental rendering result)를 획득한다.
본 단계에서, 전자 설비는 미리 획득된 애플릿 페이지의 최초 드로잉 결과에 기반하여, 애플릿 페이지에 대해 원시 증분 렌더링을 수행하여, 애플릿 페이지의 원시 증분 렌더링 결과를 획득할 수 있다. 전자 설비는 미리 획득된 애플릿 페이지의 최초 드로잉 결과에 기반하여, 먼저 애플릿 페이지에 대한 원시 증분 렌더링을 트리거링하기 위한 메시지를 생성하고; 다음 애플릿 페이지에 대한 원시 증분 렌더링을 트리거링하기 위한 메시지에 기반하여, 애플릿 페이지에 대해 원시 증분 드로잉 및 렌더링을 수행함으로써, 애플릿 페이지의 원시 증분 렌더링 결과를 획득할 수 있다.
본 출원의 구체적인 실시예에서, 전자 설비는 미리 획득된 애플릿 페이지의 최초 드로잉 결과에 기반하여, 애플릿 페이지에 대해 원시 증분 렌더링을 수행하여, 애플릿 페이지의 원시 증분 렌더링 결과를 획득하기 이전에, 애플릿 페이지의 최초 드로잉 결과를 미리 획득할 수도 있다. 전자 설비는 사용자가 애플릿 페이지를 오픈하는 명령에 응답하여, 애플릿 페이지의 로직 코드와 페이지 스타일 파일을 로딩하여, 애플릿 페이지의 로직 코드의 로딩 결과 및 애플릿 페이지의 페이지 스타일 파일의 로딩 결과를 획득하고; 다음 애플릿 페이지의 로직 코드의 로딩 결과에서 애플릿 페이지를 렌더링하는 초기 데이터를 추출하며; 애플릿 페이지의 페이지 스타일 파일의 로딩 결과 및 애플릿 페이지를 렌더링하는 초기 데이터에 기반하여, 애플릿 페이지에 대해 최초 드로잉을 수행함으로써, 애플릿 페이지의 최초 드로잉 결과를 획득할 수 있다.
애플릿의 기본 프레임워크(underlying framework)는 듀얼 스레드 아키텍쳐이고, 해당 듀얼 스레드 아키텍쳐는 로직 스레드 및 렌더링 스레드를 포함하고; 여기서, 로직 스레드는 애플릿 개발자가 작성한 코드를 실행하는데 사용되며; 렌더링 스레드는 사용자가 볼 수 있는 콘텐츠를 나타내고 렌더링하는데 사용된다. 애플릿이 작동된 후, 애플릿의 기본 프레임워크는 규칙에 따라 애플릿 페이지의 라이프 사이클을 트리거링하고, 해당 라이프 사이클은 개발자가 작성한 코드를 포함한다. 본 출원의 구체적인 실시예에서, 전자 설비는 사용자가 애플릿 페이지를 오픈하는 명령에 응답하여, 렌더링 스레드를 통해 애플릿 페이지에 대해 최초 드로잉을 수행함으로써, 애플릿 페이지의 최초 드로잉 결과를 획득할 수 있다. 전자 설비는 먼저 로직 스레드 및 렌더링 스레드를 통해 애플릿 페이지의 로직 코드와 페이지 스타일 파일을 각각 로딩하여, 애플릿 페이지의 로직 코드의 로딩 결과 및 애플릿 페이지의 페이지 스타일 파일의 로딩 결과를 획득하고; 다음 로직 스레드를 통해 애플릿 페이지의 로직 코드의 로딩 결과에서 애플릿 페이지를 렌더링하는 초기 데이터를 추출하며; 로직 스레드를 통해 애플릿 페이지를 렌더링하는 초기 데이터를 렌더링 스레드에 송신하고; 애플릿 페이지의 페이지 스타일 파일의 로딩 결과 및 애플릿 페이지를 렌더링하는 초기 데이터에 기반하여, 렌더링 스레드를 통해 애플릿 페이지에 대해 최초 드로잉을 수행함으로써, 애플릿 페이지의 최초 드로잉 결과를 획득할 수 있다.
단계(S102)는, 애플릿 페이지의 최초 드로잉 결과, 애플릿 페이지의 원시 증분 렌더링 결과 및 미리 획득된 애플릿 페이지의 초기 증분 렌더링 결과에 기반하여, 애플릿 페이지를 렌더링한다.
본 단계에서, 전자 설비는 애플릿 페이지의 최초 드로잉 결과, 애플릿 페이지의 원시 증분 렌더링 결과 및 미리 획득된 애플릿 페이지의 초기 증분 렌더링 결과에 기반하여, 애플릿 페이지를 렌더링할 수 있다. 본 출원은 원래 onLoad에서 실행되는 코드를 두 개의 부분, 즉 onLoad에 남아 있는 코드 및 onInit에서 미리 실행된 코드로 나누고; 여기서, onInit에서 미리 실행된 코드는 최초 드로잉 결과에 의존하지 않아도 실행될 수 있지만, onLoad에 남아 있는 코드는 최초 드로잉 결과에 의존하여야만 실행될 수 있다. 따라서, 본 출원은 최초 드로잉 결과에 의존하지 않는 코드를 미리 실행할 수 있으므로, 최초 드로잉 결과에 의존하는 코드 및 최초 드로잉 결과에 의존하지 않는 코드를 모두 onLoad에서 실행할 필요가 없기 때문에, 관련 기술과 비교하면 본 출원은 페이지 렌더링 시간을 단축하고, 로딩 효율을 향상시킬 수 있다.
본 출원의 실시예에 의해 제공된 애플릿 페이지 렌더링 방법은, 먼저 미리 획득된 애플릿 페이지의 최초 드로잉 결과에 기반하여, 애플릿 페이지에 대해 원시 증분 렌더링을 수행하여, 애플릿 페이지의 원시 증분 렌더링 결과를 획득하고; 다음 애플릿 페이지의 최초 드로잉 결과, 애플릿 페이지의 원시 증분 렌더링 결과 및 미리 획득된 애플릿 페이지의 초기 증분 렌더링 결과에 기반하여, 애플릿 페이지를 렌더링한다. 즉, 본 출원은 애플릿 페이지의 초기 증분 렌더링 결과를 미리 획득하고, 다음 애플릿 페이지의 최초 드로잉 결과, 애플릿 페이지의 원시 증분 렌더링 결과 및 애플릿 페이지의 초기 증분 렌더링 결과에 기반하여, 애플릿 페이지를 렌더링할 수 있다. 본 출원은 onLoad, onShow, onReady 및 onUnload에 의해 조성된 라이프 사이클에 하나의 함수 onInit를 추가하여, onInit를 통해 onLoad 중의 일부 코드를 미리 실행하기 때문에, 최초 드로잉 결과에 의존하는 코드 및 최초 드로잉 결과에 의존하지 않는 코드를 모두 onLoad에서 실행할 필요가 없다. 함수 onInit를 추가하지 않은 애플릿 페이지 렌더링 방법에서는, 최초 드로잉 결과에 의존하는 코드 및 최초 드로잉 결과에 의존하지 않는 코드를 모두 onLoad에서 실행한다. 본 출원은 onInit를 통해 최초 드로잉 결과에 의존하지 않는 코드를 미리 실행하는 기술수단을 사용함으로써, 관련 기술에 존재하는 기술적 과제, 즉 렌더링 스레드에서 최초 드로잉을 완성하고 드로잉 결과를 로직 스레드에 반환해야만 로직 스레드가 onLoad의 실행을 트리거링하기 때문에, onLoad의 트리거링 시기가 비교적 늦어지게 되어, 최종 페이지 콘텐츠의 렌더링이 심하게 지연되므로, 사용자 체험에 영향을 미치는 것을 극복하며, 본 출원에 의해 제공된 기술방안은, 애플릿 페이지 로딩 속도를 크게 증가시키고, 페이지 기능을 향상시키며, 사용자 체험을 최적화할 수 있고; 또한, 본 출원의 실시예의 기술방안은 구현하기 간단하고 편리하며, 보급되기 쉽고, 적용 범위가 더 넓다.
실시예 2
도 2는 본 출원의 실시예에 의해 제공된 애플릿 페이지 렌더링 방법의 흐름 개략도이다. 상기 기술방안에 따라 설명하고, 상기 선택 가능한 실시형태와 결합할 수 있다. 도 2에 도시된 바와 같이, 애플릿 페이지 렌더링 방법은 아래의 단계를 포함할 수 있다.
단계(S201)는, 사용자가 애플릿 페이지를 오픈하는 명령에 응답하여, 애플릿 페이지의 로직 코드와 페이지 스타일 파일을 로딩하여, 애플릿 페이지의 로직 코드의 로딩 결과 및 애플릿 페이지의 페이지 스타일 파일의 로딩 결과를 획득한다.
본 단계에서, 전자 설비는 사용자가 애플릿 페이지를 오픈하는 명령에 응답하여, 애플릿 페이지의 로직 코드와 페이지 스타일 파일을 로딩하여, 애플릿 페이지의 로직 코드의 로딩 결과 및 애플릿 페이지의 페이지 스타일 파일의 로딩 결과를 획득한다. 전자 설비는 사용자가 애플릿 페이지를 오픈하는 명령에 응답하여, 로직 스레드 및 렌더링 스레드를 통해 애플릿 페이지의 로직 코드와 페이지 스타일 파일을 각각 로딩하여, 애플릿 페이지의 로직 코드의 로딩 결과 및 애플릿 페이지의 페이지 스타일 파일의 로딩 결과를 획득할 수 있다. 애플릿 페이지의 페이지 스타일 파일은 적어도 로딩 페이지의 템플릿과 스타일 파일을 포함하고; 즉 사용자가 애플릿을 클릭한 후, 전자 설비는 로직 스레드를 통해 애플릿 페이지의 로직 코드를 로딩하여, 애플릿 페이지의 로직 코드의 로딩 결과를 획득하고; 렌더링 스레드를 통해 애플릿 페이지의 템플릿과 스타일 파일을 로딩하여, 애플릿 페이지의 템플릿과 스타일 파일의 로딩 결과를 획득할 수 있다.
단계(S202)는, 애플릿 페이지의 로직 코드의 로딩 결과에서 애플릿 페이지를 렌더링하는 초기 데이터를 추출한다.
본 단계에서, 전자 설비는 애플릿 페이지의 로직 코드의 로딩 결과에서 애플릿 페이지를 렌더링하는 초기 데이터를 추출할 수 있다. 전자 설비는 로직 스레드를 통해 애플릿 페이지의 로직 코드의 로딩 결과에서 애플릿 페이지를 렌더링하는 초기 데이터를 추출하고; 로직 스레드를 통해 애플릿 페이지를 렌더링하는 초기 데이터를 렌더링 스레드에 송신할 수 있다. 전자 설비는 onInit의 코드에서 애플릿 페이지를 렌더링하는 초기 데이터(initData)를 추출하고; 로직 스레드를 통해 초기 데이터(initData)를 렌더링 스레드에 송신할 수 있다.
단계(S203)는, 애플릿 페이지의 페이지 스타일 파일의 로딩 결과 및 애플릿 페이지를 렌더링하는 초기 데이터에 기반하여, 애플릿 페이지에 대해 최초 드로잉을 수행함으로써, 애플릿 페이지의 최초 드로잉 결과를 획득한다.
본 단계에서, 전자 설비는 애플릿 페이지의 페이지 스타일 파일의 로딩 결과 및 애플릿 페이지를 렌더링하는 초기 데이터에 기반하여, 애플릿 페이지에 대해 최초 드로잉을 수행함으로써, 애플릿 페이지의 최초 드로잉 결과를 획득할 수 있다. 전자 설비는 애플릿 페이지의 페이지 스타일 파일의 로딩 결과 및 애플릿 페이지를 렌더링하는 초기 데이터에 기반하여, 렌더링 스레드를 통해 애플릿 페이지에 대해 최초 드로잉을 수행함으로써, 애플릿 페이지의 최초 드로잉 결과를 획득할 수 있다. 전자 설비는 렌더링 스레드를 통해 로직 스레드가 송신한 initData를 수신한 후, 렌더링 스레드를 통해 애플릿 페이지에 대해 최초 드로잉을 수행함으로써, 애플릿 페이지의 최초 드로잉 결과를 획득한다. onInit는 시기가 매우 이르기 때문에, onInit 라이프 사이클 동안에 setData를 렌더링 스레드에 송신할 경우, 렌더링 스레드가 최초 드로잉을 완성하지 못했을 수 있으므로, setData 순서가 혼잡해지는 문제가 존재한다. 따라서 setData 중의 데이터와 콜백 함수는 반드시 일대일로 대응되어야 하고, 실행 순서가 엄격히 확보되어야 한다.
setData는 애플릿의 API이고, 첫 번째 파라미터는 데이터를 도입할 수 있고, 제 2 번째의 파라미터는 콜백 함수를 도입할 수 있으며, 금번 setData 렌더링을 완성한 후 콜백 함수가 즉시 실행되는 것을 나타낸다. setData의 실행 순서를 엄격히 확보해야 하므로, 본 출원은 setData가 증분 렌더링을 야기시키는 메커니즘을 최적화해야 한다. 최적화 방식은 렌더링 스레드에서 캐시 큐를 설정하는 것이고, 캐시 큐는 하나의 선입 선출되는 데이터 구조이며, 렌더링 스레드는 모든 setData를 수신한 후 먼저 페이지의 렌더링 상태를 판단하고; 최초 렌더링이 완성되면 캐시 큐에 메시지를 송신하며, 캐시 큐는 캐시된 setData 정보를 순서에 따라 제외하고 실행하여, 순차적인 증분 드로잉 및 렌더링을 달성한다.
본 출원에 의해 제공된 Page 레벨의 라이프 사이클은 onInit, onLoad, onShow, onReady, onUnload를 포함할 수 있고; 로직 스레드는 상기 각 함수에 대해 렌더링 스레드에 각각 하나의 setData 메시지를 송신하며, 렌더링 스레드는 각 setData 메시지를 수신한 후 애플릿 페이지에 대해 각각 증분 드로잉 및 렌더링을 수행한다. 로직 스레드는 상기 각 함수에 대해 먼저 데이터를 각각 획득하고, 다음 획득한 데이터를 setData 메시지에 캡슐화하여, setData 메시지를 렌더링 스레드로 송신한다. 예를 들어, 로직 스레드는 onInit에 대해 onInit에 대응되는 서버에 네트워크 요청을 개시하고, 다음 onInit에 대응되는 서버는 로직 스레드에 onInit의 데이터를 반환하며; 로직 스레드는 onLoad에 대해 onLoad에 대응되는 서버에 네트워크 요청을 개시하고, 다음 onLoad에 대응되는 서버는 로직 스레드에 onLoad의 데이터를 반환한다.
본 출원의 구체적인 실시예에서, 원래 onLoad에서 실행되는 코드를 두 개의 부분, 즉 onLoad에 남아 있는 코드 및 onInit에서 미리 실행된 코드로 나누고; 여기서, onInit에서 미리 실행된 코드는 최초 드로잉 결과에 의존하지 않아도 실행될 수 있지만, onLoad에 남아 있는 코드는 최초 드로잉 결과에 의존하여야만 실행될 수 있다. 따라서, 본 출원은 최초 드로잉 결과에 의존하지 않는 코드를 미리 실행할 수 있으므로, 최초 드로잉 결과에 의존하는 코드 및 최초 드로잉 결과에 의존하지 않는 코드를 모두 onLoad에서 실행할 필요가 없다. 즉, onInit에서 실행할 때 렌더링 스레드에서 최초 드로잉을 완성한 정보를 수신하지 못하였기 때문에, onInit 라이프 사이클에서 코드를 실행하고, onLoad와 비교하면 일부 제한이 존재하며, 주요한 제한은 뷰 콘텐츠(view content)에 의존하는 임의의 API를 호출할 수 없는 것이며, 이러한 API는 컴포넌트 내의 하나의 서브 컴포넌트 검색(select Component), 컴포넌트 내의 모든 서브 컴포넌트 검색(select All Components), 뷰 쿼리 객체 생성(createSelectorQuery), 페이지의 하나의 지도 컴포넌트의 컨텍스트 객체 획득(createMapContext), 페이지의 하나의 카메라 컴포넌트의 컨텍스트 객체 획득(createCameraContext), 페이지의 하나의 캔버스 컴포넌트의 컨텍스트 객체 획득(createCanvasContext)을 포함하지만 이에 한정되지 않는다.
본 출원의 구체적인 실시예에서, 전자 설비는 로직 스레드를 통해 애플릿 페이지의 로직 코드의 로딩 결과에서 애플릿 페이지를 렌더링하는 초기 데이터를 추출한 후, 로직 스레드를 통해 애플릿 페이지에 대한 초기 증분 렌더링을 트리거링하기 위한 메시지를 생성하고; 로직 스레드를 통해 애플릿 페이지에 대한 초기 증분 렌더링을 트리거링하기 위한 메시지를 렌더링 스레드에 송신하여, 렌더링 스레드가 애플릿 페이지에 대한 초기 증분 렌더링을 트리거링하기 위한 메시지에 기반하여 애플릿 페이지에 대해 초기 증분 드로잉 및 렌더링을 수행하도록 함으로써, 모니터 페이지 초기 함수에 대응하는 초기 증분 렌더링 결과를 획득할 수도 있다. 전자 설비는 로직 스레드를 통해 애플릿 페이지에 대한 초기 증분 렌더링을 트리거링하기 위한 메시지를 생성할 때, 먼저 서버에서 애플릿 페이지에 대한 초기 증분 렌더링을 트리거링하기 위한 메시지를 생성하는 데이터를 획득하고; 다음 애플릿 페이지에 대한 초기 증분 렌더링을 트리거링하기 위한 메시지의 데이터에 기반하여, 애플릿 페이지에 대한 초기 증분 렌더링을 트리거링하기 위한 메시지를 생성할 수 있다. 전자 설비는 먼저 로직 스레드를 통해 모니터 페이지 초기 함수를 실행하는 것을 트리거링하여, 모니터 페이지 초기 함수의 실행 결과를 획득하고, 다음 모니터 페이지 초기 함수의 실행 결과에 기반하여, 모니터 페이지 초기 함수에 대응하는 서버에서 애플릿 페이지에 대한 초기 증분 렌더링을 트리거링하기 위한 메시지를 생성하는 데이터를 획득하며; 애플릿 페이지에 대한 초기 증분 렌더링을 트리거링하기 위한 메시지를 생성하는 데이터 및 미리 결정된 모니터 페이지 초기 함수에 대응하는 콜백 함수를 애플릿 페이지에 대한 초기 증분 렌더링을 트리거링하기 위한 메시지를 생성하도록 캡슐화한다.
본 출원의 구체적인 실시예에서, 애플릿 페이지에 대한 초기 증분 렌더링을 트리거링하기 위한 메시지를 수신할 때 애플릿 페이지의 최초 드로잉 결과를 획득하지 못하면, 전자 설비는 애플릿 페이지에 대한 초기 증분 렌더링을 트리거링하기 위한 메시지를 캐시 큐에 송신하고, 다음 캐시 큐에 기반하여 애플릿 페이지에 대해 초기 증분 드로잉 및 렌더링을 수행함으로써, 애플릿 페이지의 초기 증분 렌더링 결과를 획득할 수 있고; 애플릿 페이지에 대한 초기 증분 렌더링을 트리거링하기 위한 메시지를 수신할 때 애플릿 페이지의 최초 드로잉 결과를 획득하면, 전자 설비는 직접 애플릿 페이지에 대한 초기 증분 렌더링을 트리거링하기 위한 메시지에 기반하여 애플릿 페이지에 대해 초기 증분 드로잉 및 렌더링을 수행함으로써, 애플릿 페이지의 초기 증분 렌더링 결과를 획득할 수 있다. 렌더링 스레드를 통해 애플릿 페이지에 대한 초기 증분 렌더링을 트리거링하기 위한 메시지를 수신할 때 애플릿 페이지의 최초 드로잉 결과를 획득하지 못하면, 전자 설비는 애플릿 페이지에 대한 초기 증분 렌더링을 트리거링하기 위한 메시지를 렌더링 스레드의 캐시 큐에 송신하여, 렌더링 스레드가 캐시 큐에 기반하여 애플릿 페이지에 대해 초기 증분 드로잉 및 렌더링을 수행하도록 함으로써, 애플릿 페이지의 초기 증분 렌더링 결과를 획득할 수 있고; 렌더링 스레드를 통해 애플릿 페이지에 대한 초기 증분 렌더링을 트리거링하기 위한 메시지를 수신할 때 애플릿 페이지의 최초 드로잉 결과를 획득하면, 전자 설비는 애플릿 페이지에 대한 초기 증분 렌더링을 트리거링하기 위한 메시지를 직접 렌더링 스레드에 송신하여, 렌더링 스레드가 애플릿 페이지에 대한 초기 증분 렌더링을 트리거링하기 위한 메시지에 기반하여 애플릿 페이지에 대해 초기 증분 드로잉 및 렌더링을 수행하도록 함으로써, 애플릿 페이지의 초기 증분 렌더링 결과를 획득할 수 있다.
단계(S204)는, 미리 획득된 애플릿 페이지의 최초 드로잉 결과에 기반하여, 애플릿 페이지에 대해 원시 증분 렌더링을 수행하여, 애플릿 페이지의 원시 증분 렌더링 결과를 획득한다.
본 단계에서, 전자 설비는 미리 획득된 애플릿 페이지의 최초 드로잉 결과에 기반하여, 애플릿 페이지에 대해 원시 증분 렌더링을 수행하여, 애플릿 페이지의 원시 증분 렌더링 결과를 획득할 수 있다. 전자 설비는 미리 획득된 애플릿 페이지의 최초 드로잉 결과에 기반하여, 먼저 애플릿 페이지에 대한 원시 증분 렌더링을 트리거링하기 위한 메시지를 생성하고; 다음 애플릿 페이지에 대한 원시 증분 렌더링을 트리거링하기 위한 메시지에 기반하여, 애플릿 페이지에 대해 원시 증분 드로잉 및 렌더링을 수행함으로써, 애플릿 페이지의 원시 증분 렌더링 결과를 획득할 수 있다.
단계(S205)는, 애플릿 페이지의 최초 드로잉 결과, 애플릿 페이지의 원시 증분 렌더링 결과 및 미리 획득된 애플릿 페이지의 초기 증분 렌더링 결과에 기반하여, 애플릿 페이지를 렌더링한다.
도 3은 본 출원의 실시예에 의해 제공된 라이프 사이클의 작동 흐름 개략도이다. 도 3에 도시된 바와 같이, 전자 설비는 사용자가 애플릿 페이지를 오픈하는 명령에 응답하여, 로직 스레드 및 렌더링 스레드를 통해 애플릿 페이지의 로직 코드와 페이지 스타일 파일을 각각 로딩하여, 애플릿 페이지의 로직 코드의 로딩 결과 및 애플릿 페이지의 페이지 스타일 파일의 로딩 결과를 획득하고; 다음 로직 스레드를 통해 애플릿 페이지의 로직 코드의 로딩 결과에서 애플릿 페이지를 렌더링하는 초기 데이터(initData)를 추출하며; 로직 스레드를 통해 애플릿 페이지를 렌더링하는 초기 데이터(initData)를 렌더링 스레드에 송신하고; 애플릿 페이지의 페이지 스타일 파일의 로딩 결과 및 애플릿 페이지를 렌더링하는 초기 데이터(initData)에 기반하여, 렌더링 스레드를 통해 애플릿 페이지에 대해 최초 드로잉을 수행함으로써, 애플릿 페이지의 최초 드로잉 결과를 획득하고; 렌더링 스레드를 통해 애플릿 페이지의 최초 드로잉 결과를 로직 스레드에 송신하며; 로직 스레드가 애플릿 페이지의 최초 드로잉 결과에 기반하여 onLoad의 실행을 트리거링할 수 있다. 본 출원은 라이프 사이클에 하나의 모니터 페이지 초기 함수(onInit)를 추가하고, 즉 Page 레벨의 라이프 사이클은 onInit, onLoad, onShow, onReady, onUnload를 포함하고; 로직 스레드는 상기 각 함수에 대해 렌더링 스레드에 각각 하나의 setData 메시지를 송신하며, 렌더링 스레드는 각 setData 메시지를 수신한 후 애플릿 페이지에 대해 각각 증분 드로잉 및 렌더링을 수행한다. 예를 들면, 로직 스레드는 onInit에 대해 렌더링 스레드에 onInit에 대응되는 하나의 setData 메시지를 송신하고, 렌더링 스레드는 onInit에 대응되는 setData 메시지를 수신한 후, onInit에 대응되는 setData 메시지에 기반하여 증분 드로잉 및 렌더링을 수행하며; 또 다른 예를 들면, 로직 스레드는 onLoad에 대해 렌더링 스레드에 onLoad에 대응되는 하나의 setData 메시지를 송신하고, 렌더링 스레드는 onLoad에 대응되는 setData 메시지를 수신한 후, onLoad에 대응되는 setData 메시지에 기반하여 증분 드로잉 및 렌더링을 수행한다.
도 4는 본 출원의 실시예에 의해 제공된 애플릿 페이지 렌더링 효과의 개략도이다. 도 4에 도시된 바와 같이, 본 출원에 의해 제공된 기술방안은, 라이프 사이클 onInit에서 페이지의 데이터를 요청하므로, 페이지의 로딩 속도를 크게 증가시키고, 페이지의 기능 표현을 향상시킨다. 본 실시예에서는, 세 개의 애플릿 제품에서 해당 라이프 사이클을 사용하고, 세 개의 애플릿 제품은 각각 애플릿 A, 애플릿 B 및 애플릿 C이고; 애플릿 A는 210ms의 수익을 얻을 수 있고; 애플릿 B는 100ms의 수익을 얻을 수 있으며; 애플릿 C는 150ms의 수익을 얻을 수 있다.
본 출원의 실시예에 의해 제공된 애플릿 페이지 렌더링 방법은, 먼저 미리 획득된 애플릿 페이지의 최초 드로잉 결과에 기반하여, 애플릿 페이지에 대해 원시 증분 렌더링을 수행하여, 애플릿 페이지의 원시 증분 렌더링 결과를 획득하고; 다음 애플릿 페이지의 최초 드로잉 결과, 애플릿 페이지의 원시 증분 렌더링 결과 및 미리 획득된 애플릿 페이지의 초기 증분 렌더링 결과에 기반하여, 애플릿 페이지를 렌더링한다. 즉, 본 출원은 애플릿 페이지의 초기 증분 렌더링 결과를 미리 획득하고, 다음 애플릿 페이지의 최초 드로잉 결과, 애플릿 페이지의 원시 증분 렌더링 결과 및 애플릿 페이지의 초기 증분 렌더링 결과에 기반하여, 애플릿 페이지를 렌더링한다. 본 출원은 onLoad, onShow, onReady 및 onUnload에 의해 조성된 라이프 사이클에 하나의 함수 onInit를 추가하여, onInit를 통해 onLoad 중의 일부 코드를 미리 실행하기 때문에, 최초 드로잉 결과에 의존하는 코드 및 최초 드로잉 결과에 의존하지 않는 코드를 모두 onLoad에서 실행할 필요가 없다. 함수 onInit를 추가하지 않은 애플릿 페이지 렌더링 방법에서는, 최초 드로잉 결과에 의존하는 코드 및 최초 드로잉 결과에 의존하지 않는 코드를 모두 onLoad에서 실행한다. 본 출원은 onInit를 통해 최초 드로잉 결과에 의존하지 않는 코드를 미리 실행하는 기술수단을 사용함으로써, 관련 기술에 존재하는 기술적 과제, 즉 렌더링 스레드에서 최초 드로잉을 완성하고 드로잉 결과를 로직 스레드에 반환해야만 로직 스레드가 onLoad의 실행을 트리거링하기 때문에, onLoad의 트리거링 시기가 비교적 늦어지게 되어, 최종 페이지 콘텐츠의 렌더링이 심하게 지연되므로, 사용자 체험에 영향을 미치는 것을 극복하며, 본 출원에 의해 제공된 기술방안은, 애플릿 페이지 로딩 속도를 크게 증가시키고, 페이지 기능을 향상시키며, 사용자 체험을 최적화할 수 있고; 또한, 본 출원의 실시예의 기술방안은 구현하기 간단하고 편리하며, 보급되기 쉽고, 적용 범위가 더 넓다.
실시예 3
도 5는 본 출원의 실시예에 의해 제공된 애플릿 페이지 렌더링 장치의 구조 개략도이다. 도 5에 도시된 바와 같이, 상기 장치(500)는, 증분 드로잉 모듈(501) 및 렌더링 모듈(502)을 포함하고; 여기서, 상기 증분 드로잉 모듈(501)은, 미리 획득된 애플릿 페이지의 최초 드로잉 결과에 기반하여, 상기 애플릿 페이지에 대해 원시 증분 렌더링을 수행하여, 상기 애플릿 페이지의 원시 증분 렌더링 결과를 획득하도록 구성되고; 상기 렌더링 모듈(502)은, 상기 애플릿 페이지의 최초 드로잉 결과, 상기 애플릿 페이지의 원시 증분 렌더링 결과 및 미리 획득된 상기 애플릿 페이지의 초기 증분 렌더링 결과에 기반하여, 상기 애플릿 페이지를 렌더링하도록 구성된다.
상기 증분 드로잉 모듈(501)은, 미리 획득된 애플릿 페이지의 최초 드로잉 결과에 기반하여, 상기 애플릿 페이지에 대한 원시 증분 렌더링을 트리거링하기 위한 메시지를 생성하고; 상기 애플릿 페이지에 대한 원시 증분 렌더링을 트리거링하기 위한 상기 메시지에 기반하여, 상기 애플릿 페이지에 대해 원시 증분 드로잉 및 렌더링을 수행함으로써, 상기 애플릿 페이지의 원시 증분 렌더링 결과를 획득하도록 구성된다.
상기 장치는, 최초 드로잉 모듈(503)(도면에 도시되지 않음)을 더 포함하고, 최초 드로잉 모듈(503)은 사용자가 상기 애플릿 페이지를 오픈하는 명령에 응답하여, 상기 애플릿 페이지의 로직 코드와 페이지 스타일 파일을 로딩하여, 상기 애플릿 페이지의 로직 코드의 로딩 결과 및 상기 애플릿 페이지의 페이지 스타일 파일의 로딩 결과를 획득하고; 상기 애플릿 페이지의 로직 코드의 로딩 결과에서 상기 애플릿 페이지를 렌더링하는 초기 데이터를 추출하며; 상기 애플릿 페이지의 페이지 스타일 파일의 로딩 결과 및 상기 애플릿 페이지를 렌더링하는 상기 초기 데이터에 기반하여, 상기 애플릿 페이지에 대해 최초 드로잉을 수행함으로써, 상기 애플릿 페이지의 최초 드로잉 결과를 획득하도록 구성된다.
상기 증분 드로잉 모듈(501)은, 상기 애플릿 페이지에 대한 초기 증분 렌더링을 트리거링하기 위한 메시지를 생성하고; 상기 애플릿 페이지에 대한 초기 증분 렌더링을 트리거링하기 위한 상기 메시지에 기반하여, 상기 애플릿 페이지에 대해 초기 증분 드로잉 및 렌더링을 수행함으로써, 상기 애플릿 페이지의 초기 증분 렌더링 결과를 획득하도록 추가로 구성된다.
상기 증분 드로잉 모듈(501)은, 서버에서 상기 애플릿 페이지에 대한 초기 증분 렌더링을 트리거링하기 위한 상기 메시지를 생성하는 데이터를 획득하는 방식; 상기 애플릿 페이지에 대한 초기 증분 렌더링을 트리거링하기 위한 상기 메시지의 데이터에 기반하여, 상기 애플릿 페이지에 대한 초기 증분 렌더링을 트리거링하기 위한 상기 메시지를 생성하는 방식; 을 통해 상기 애플릿 페이지에 대한 초기 증분 렌더링을 트리거링하기 위한 메시지를 생성하도록 구성된다.
상기 증분 드로잉 모듈(501)은, 상기 애플릿 페이지에 대한 초기 증분 렌더링을 트리거링하기 위한 상기 메시지를 수신할 때 상기 애플릿 페이지의 최초 드로잉 결과를 획득하지 못하면, 상기 애플릿 페이지에 대한 초기 증분 렌더링을 트리거링하기 위한 상기 메시지를 캐시 큐에 송신하고, 상기 캐시 큐에 기반하여 상기 애플릿 페이지에 대해 초기 증분 드로잉 및 렌더링을 수행함으로써, 상기 애플릿 페이지의 초기 증분 렌더링 결과를 획득하는 방식; 상기 애플릿 페이지에 대한 초기 증분 렌더링을 트리거링하기 위한 상기 메시지를 수신할 때 상기 애플릿 페이지의 최초 드로잉 결과를 획득하면, 직접 상기 애플릿 페이지에 대한 초기 증분 렌더링을 트리거링하기 위한 상기 메시지에 기반하여 상기 애플릿 페이지에 대해 초기 증분 드로잉 및 렌더링을 수행함으로써, 상기 애플릿 페이지의 초기 증분 렌더링 결과를 획득하는 방식; 을 통해 상기 애플릿 페이지에 대해 초기 증분 드로잉 및 렌더링을 수행함으로써, 상기 애플릿 페이지의 초기 증분 렌더링 결과를 획득하도록 구성된다.
상기 애플릿 페이지 렌더링 장치는 본 출원의 임의의 실시예에서 제공하는 방법을 수행할 수 있으며, 수행되는 방법에 대응되는 기능 모듈 및 효과를 구비한다. 본 실시예에서 상세하게 설명하지 않은 기술적 내용에 대해서는 본 출원의 임의의 실시예에 의해 제공된 애플릿 페이지 렌더링 방법을 참조할 수 있다.
실시예 4
본 출원의 실시예에 따라, 본 출원은 전자 설비, 판독 가능한 저장 매체 및 컴퓨터 프로그램 제품을 더 제공한다.
도 6은 본 출원의 실시예에 의해 제공된 애플릿 페이지 로딩 방법을 실현하기 위한 전자 설비의 예시적인 블록도이다. 전자 설비(600)는 다양한 형태의 디지털 컴퓨터, 예를 들어, 랩톱 컴퓨터, 데스크톱 컴퓨터, 워크테이블, 개인용 정보 단말기(Personal Digital Assistant), 서버, 블레이드 서버, 대형 컴퓨터 및 기타 적합한 컴퓨터를 의미한다. 전자 설비(600)는 다양한 형태의 모바일 장치, 예를 들어, 개인 디지털 처리, 휴대 전화기, 스마트폰, 웨어러블 설비 및 기타 유사한 컴퓨팅 장치를 나타낼 수도 있다. 본 문에서 설명된 컴포넌트, 이들의 연결과 관계 및 이들의 기능은 단지 예시적인 것일 뿐, 본 문에서 기술 및/또는 요구한 본 출원의 실현을 제한하려는 의도가 아니다.
도 6에 도시된 바와 같이, 전자 설비(600)는 컴퓨팅 유닛(601)을 포함하되, 이는 판독 전용 메모리(Read-Only Memory, ROM)(602)에 저장된 컴퓨터 프로그램 또는 저장 유닛(608)으로부터 랜덤 액세스 메모리(Random Access Memory, RAM)(603)에 로딩되는 컴퓨터 프로그램에 따라, 각종 적합한 동작 및 처리를 수행할 수 있다. RAM(603)에는 전자 설비(600)의 조작에 필요한 다양한 프로그램 및 데이터가 저장될 수도 있다. 컴퓨팅 유닛(601), ROM(602) 및 RAM(603)은 버스(604)에 의해 서로 연결된다. 입력/출력(Input/Output, I/O) 인터페이스(605)도 버스(604)에 연결된다.
전자 설비(600) 중의 복수의 컴포넌트는 I/O 인터페이스(605)에 연결되고, 해당 컴포넌트는, 예를 들어 키보드, 마우스 등과 같은 입력 유닛(606); 예를 들어 다양한 유형의 표시장치, 스피커 등과 같은 출력 유닛(607); 예를 들어 자기디스크, 광디스크 등과 같은 저장 유닛(608); 및 예를 들어 네트워크 카드, 모뎀, 무선 통신 트랜시버 등과 같은 통신 유닛(609)을 포함한다. 통신 유닛(609)은 전자 설비(600)가 인터넷과 같은 컴퓨터 네트워크 및/또는 다양한 전기 통신망을 통해 기타 설비와 정보/데이터를 교환하는 것을 허용한다.
컴퓨팅 유닛(601)은 처리 및 컴퓨팅 능력을 구비한 다양한 범용 및/또는 전용 처리 컴포넌트일 수 있다. 컴퓨팅 유닛(601)의 일부 예시는 중앙 처리 유닛(Central Processing Unit, CPU), 그래픽 처리 장치(Graphics Processing Unit, GPU), 다양한 전용 인공 지능(Artificial Intelligence, AI) 컴퓨팅 칩, 기계 학습 모델 알고리즘을 수행하는 다양한 컴퓨팅 유닛, 디지털 신호 프로세서(Digital Signal Processor, DSP) 및 임의의 적합한 프로세서, 컨트롤러, 마이크로 컨트롤러 등을 포함하지만 이에 한정되지 않는다. 컴퓨팅 유닛(601)은 위에서 설명한 방법 및 처리를 수행하고, 예를 들어, 애플릿 페이지 렌더링 방법을 수행한다. 예를 들어, 일부 실시예에서, 애플릿 페이지 렌더링 방법은 컴퓨터 소프트웨어 프로그램으로 실현될 수 있고, 이는 저장 유닛(608)과 같은 기계 판독 가능 매체에 유형적으로 포함된다. 일부 실시예에서, 컴퓨터 프로그램의 일부 또는 전체는 ROM(602) 및/또는 통신 유닛(609)에 의해 전자 설비(600)에 로딩 및/또는 장착될 수 있다. 컴퓨터 프로그램이 RAM(603)에 로딩되어 컴퓨팅 유닛(601)에 의해 실행되는 경우, 위에서 설명한 애플릿 페이지 렌더링 방법의 하나 또는 복수의 단계를 수행할 수 있다. 대안적으로, 기타 실시예에서, 컴퓨팅 유닛(601)은 기타 적합한 방식(예를 들어, 펌웨어를 통해)을 통해 애플릿 페이지 렌더링 방법을 수행하도록 구성될 수 있다.
본 문에서 상술한 시스템 및 기술의 다양한 실시형태는 디지털 전자 회로 시스템, 집적 회로 시스템, 필드 프로그래머블 게이트 어레이(Field Programmable Gate Array, FPGA), 주문형 집적 회로(Application Specific Integrated Circuit, ASIC), 특정 용도 표준 제품(Application Specific Standard Parts, ASSP), 시스템온칩(System on Chip, SoC), 복합 프로그래밍 로직 설비(Complex Programming Logic Device, CPLD), 컴퓨터 하드웨어, 펌웨어, 소프트웨어 및/또는 이들의 조합으로 구현될 수 있다. 이러한 각종 실시형태는 하나 또는 다수의 컴퓨터 프로그램에서 실시되는 것을 포함할 수 있으며, 해당 하나 또는 다수의 컴퓨터 프로그램은 적어도 하나의 프로그램 가능한 프로세서를 포함하는 프로그램 가능한 시스템에서 실행 및/또는 해석(interpretating)될 수 있으며, 해당 프로그램 가능한 프로세서는 전용 또는 범용 프로그램 가능한 프로세서일 수 있고, 저장 시스템, 적어도 하나의 입력 장치 및 적어도 하나의 출력 장치로부터 데이터 및 명령을 수신할 수 있으며, 데이터 및 명령을 상기 저장 시스템, 상기 적어도 하나의 입력 장치 및 상기 적어도 하나의 출력 장치로 전송한다.
본 출원의 방법을 실시하기 위한 프로그램 코드는 하나 또는 복수의 프로그래밍 언어의 임의의 조합을 사용하여 작성될 수 있다. 이러한 프로그램 코드는 범용 컴퓨터, 전용 컴퓨터 또는 기타 프로그램 가능한 데이터 처리 장치의 프로세서 또는 컨트롤러에 제공되어, 프로그램 코드가 프로세서 또는 컨트롤러에 의해 실행되면, 흐름도 및/또는 블록도에 규정된 기능/조작이 실시될 수 있도록 한다. 프로그램 코드는 전체가 기계에서 실행되거나, 일부가 기계에서 실행되고, 독립적인 소프트웨어 패키지로서 일부가 기계에서 실행되고 일부가 원격 기계에서 실행되거나, 전부가 원격 기계 또는 서버에서 실행될 수 있다.
본 출원의 전문에서, 기계 판독 가능 매체는 유형 매체(tangible medium)일 수 있고, 이는 명령 실행 시스템, 장치 또는 설비에 의해 사용되거나, 명령 실행 시스템, 장치 또는 설비와 결합하여 사용되는 프로그램을 포함하거나 저장할 수 있다. 기계 판독 가능 매체의 예시는 하나 또는 복수의 와이어에 기반한 전기적 연결, 휴대용 컴퓨터 디스크, 하드디스크, 랜덤 액세스 메모리(RAM), 판독 전용 메모리(ROM), 소거 및 프로그램 가능한 판독 전용 메모리(Erasable Programmable Read-Only Memory, EPROM 또는 플래시 메모리), 휴대용 콤팩트 디스크 판독 전용 메모리(Compact Disc Read-Only Memory, CD-ROM), 광학 저장 설비, 자기 저장 설비, 또는 상기 내용의 임의의 적합한 조합을 포함한다.
사용자와의 인터랙션을 제공하기 위해, 여기서 설명된 시스템 및 기술을 컴퓨터에서 실시할 수 있으며, 해당 컴퓨터는 사용자에게 정보를 표시하기 위한 표시 장치(예를 들어, 음극선관(Cathode Ray Tube, CRT) 또는 액정 표시장치(Liquid Crystal Display, LCD)모니터), 키보드 및 방향지시 장치(예를 들어, 마우스 또는 트랙볼)를 구비하며, 사용자는 해당 키보드 및 해당 방향지시 장치를 통해 컴퓨터에 입력을 제공할 수 있다. 기타 유형의 장치는 사용자와의 인터랙션을 제공할 수도 있으며; 예를 들어, 사용자에게 제공되는 피드백은 임의의 형태의 센싱 피드백(예를 들어, 시각 피드백, 청각 피드백, 또는 촉각 피드백)일 수 있으며; 임의의 형태(사운드 입력, 음성 입력 또는 촉각 입력을 포함함)로 사용자로부터의 입력을 수신할 수 있다.
여기서 설명된 시스템 및 기술은 백엔드 컴포넌트를 포함하는 컴퓨팅 시스템(예를 들어, 데이터 서버), 또는 미들웨어 컴포넌트를 포함하는 컴퓨팅 시스템(예를 들어, 애플리케이션 서버), 또는 프런트엔드 컴포넌트를 포함하는 컴퓨팅 시스템(예를 들어, 그래픽 사용자 인터페이스 또는 웹브라우저를 구비하는 사용자 컴퓨터, 사용자는 해당 그래픽 사용자 인터페이스 또는 해당 웹브라우저를 통해 여기서 설명된 시스템 및 기술의 실시형태와 인터랙션할 수 있음), 또는 이러한 백엔드 컴포넌트, 미들웨어 컴포넌트, 또는 프런트엔드 컴포넌트를 포함하는 임의의 조합의 컴퓨팅 시스템에서 실시될 수 있다. 임의의 형태 또는 매체의 디지털 데이터 통신(예를 들어, 통신 네트워크)으로 시스템의 컴포넌트를 서로 연결할 수 있다. 통신 네트워크의 예시는 근거리 통신망(Local Area Network, LAN), 광역 네트워크(Wide Area Network, WAN), 블록체인 네트워크 및 인터넷을 포함한다.
컴퓨터 시스템은 클라이언트 및 서버를 포함할 수 있다. 클라이언트 및 서버는 일반적으로 서로 멀리 떨어져 있으며, 통상적으로 통신 네트워크를 통해 인터랙팅한다. 클라이언트와 서버의 관계는 상응하는 컴퓨터에서 작동되고 서로 클라이언트-서버 관계를 갖는 컴퓨터 프로그램에 의해 발생된다. 서버는 클라우드 컴퓨팅 서버라고도 칭하는 클라우드 서버 또는 클라우드 컴퓨팅 서비스 체계 중의 호스트 제품인 클라우드 호스트일 수 있고, 종래의 물리적 호스트와 가상 사설 서버(Virtual Private Server, VPS) 서비스에 존재하는 관리 난이도가 크고, 비즈니스 확장성이 약한 결함을 해결한다.
상술한 각종 형태의 프로세스를 사용하여, 단계의 순서재배정, 추가 또는 삭제를 수행할 수 있다. 예를 들어, 본 출원에 기재된 복수의 단계는 병렬로 수행될 수 있거나 순차적으로 수행될 수도 있거나 서로 다른 순서로 수행될 수도 있으며, 본 출원에서 개시한 기술방안이 희망하는 결과를 달성하기만 하면 되기 때문에, 본 문에서는 이에 대해 한정하지 않는다.
Claims (15)
- 미리 획득된 애플릿 페이지의 최초 드로잉 결과에 기반하여, 상기 애플릿 페이지에 대해 원시 증분 렌더링을 수행하여, 상기 애플릿 페이지의 원시 증분 렌더링 결과를 획득하는 단계;
상기 애플릿 페이지의 최초 드로잉 결과, 상기 애플릿 페이지의 원시 증분 렌더링 결과 및 미리 획득된 상기 애플릿 페이지의 초기 증분 렌더링 결과에 기반하여, 상기 애플릿 페이지를 렌더링하는 단계; 를 포함하고,
미리 획득된 애플릿 페이지의 최초 드로잉 결과에 기반하여, 상기 애플릿 페이지에 대해 원시 증분 렌더링을 수행하여, 상기 애플릿 페이지의 원시 증분 렌더링 결과를 획득하는 단계는,
미리 획득된 상기 애플릿 페이지의 최초 드로잉 결과에 기반하여, 상기 애플릿 페이지에 대한 원시 증분 렌더링을 트리거링하기 위한 메시지를 생성하는 단계;
상기 애플릿 페이지에 대한 원시 증분 렌더링을 트리거링하기 위한 상기 메시지에 기반하여, 상기 애플릿 페이지에 대해 원시 증분 드로잉 및 렌더링을 수행함으로써, 상기 애플릿 페이지의 원시 증분 렌더링 결과를 획득하는 단계; 를 포함하는 것을 특징으로 하는 애플릿 페이지 렌더링 방법. - 제 1 항에 있어서,
미리 획득된 애플릿 페이지의 최초 드로잉 결과에 기반하여, 상기 애플릿 페이지에 대해 원시 증분 렌더링을 수행하여, 상기 애플릿 페이지의 원시 증분 렌더링 결과를 획득하는 단계 이전에,
사용자가 상기 애플릿 페이지를 오픈하는 명령에 응답하여, 상기 애플릿 페이지의 로직 코드와 페이지 스타일 파일을 로딩하여, 상기 애플릿 페이지의 로직 코드의 로딩 결과 및 상기 애플릿 페이지의 페이지 스타일 파일의 로딩 결과를 획득하는 단계;
상기 애플릿 페이지의 로직 코드의 로딩 결과에서 상기 애플릿 페이지를 렌더링하는 초기 데이터를 추출하는 단계;
상기 애플릿 페이지의 페이지 스타일 파일의 로딩 결과 및 상기 애플릿 페이지를 렌더링하는 상기 초기 데이터에 기반하여, 상기 애플릿 페이지에 대해 최초 드로잉을 수행함으로써, 상기 애플릿 페이지의 최초 드로잉 결과를 획득하는 단계; 를 더 포함하는 것을 특징으로 하는 애플릿 페이지 렌더링 방법. - 제 2 항에 있어서,
상기 애플릿 페이지의 로직 코드의 로딩 결과에서 상기 애플릿 페이지를 렌더링하는 초기 데이터를 추출하는 단계 이후에,
상기 애플릿 페이지에 대한 초기 증분 렌더링을 트리거링하기 위한 메시지를 생성하는 단계;
상기 애플릿 페이지에 대한 초기 증분 렌더링을 트리거링하기 위한 상기 메시지에 기반하여, 상기 애플릿 페이지에 대해 초기 증분 드로잉 및 렌더링을 수행함으로써, 상기 애플릿 페이지의 초기 증분 렌더링 결과를 획득하는 단계; 를 더 포함하는 것을 특징으로 하는 애플릿 페이지 렌더링 방법. - 제 3 항에 있어서,
상기 애플릿 페이지에 대한 초기 증분 렌더링을 트리거링하기 위한 메시지를 생성하는 단계는,
서버에서 상기 애플릿 페이지에 대한 초기 증분 렌더링을 트리거링하기 위한 상기 메시지를 생성하는 데이터를 획득하는 단계;
상기 애플릿 페이지에 대한 초기 증분 렌더링을 트리거링하기 위한 상기 메시지를 생성하는 데이터에 기반하여, 상기 애플릿 페이지에 대한 초기 증분 렌더링을 트리거링하기 위한 상기 메시지를 생성하는 단계; 를 포함하는 것을 특징으로 하는 애플릿 페이지 렌더링 방법. - 제 3 항에 있어서,
상기 애플릿 페이지에 대해 초기 증분 드로잉 및 렌더링을 수행함으로써, 상기 애플릿 페이지의 초기 증분 렌더링 결과를 획득하는 단계는,
상기 애플릿 페이지에 대한 초기 증분 렌더링을 트리거링하기 위한 상기 메시지를 수신할 때 상기 애플릿 페이지의 최초 드로잉 결과를 획득하지 못하면, 상기 애플릿 페이지에 대한 초기 증분 렌더링을 트리거링하기 위한 상기 메시지를 캐시 큐에 송신하고, 상기 캐시 큐에 기반하여 상기 애플릿 페이지에 대해 초기 증분 드로잉 및 렌더링을 수행함으로써, 상기 애플릿 페이지의 초기 증분 렌더링 결과를 획득하는 단계;
상기 애플릿 페이지에 대한 초기 증분 렌더링을 트리거링하기 위한 상기 메시지를 수신할 때 상기 애플릿 페이지의 최초 드로잉 결과를 획득하면, 직접 상기 애플릿 페이지에 대한 초기 증분 렌더링을 트리거링하기 위한 상기 메시지에 기반하여 상기 애플릿 페이지에 대해 초기 증분 드로잉 및 렌더링을 수행함으로써, 상기 애플릿 페이지의 초기 증분 렌더링 결과를 획득하는 단계; 를 포함하는 것을 특징으로 하는 애플릿 페이지 렌더링 방법. - 증분 드로잉 모듈 및 렌더링 모듈을 포함하고; 여기서
상기 증분 드로잉 모듈은, 미리 획득된 애플릿 페이지의 최초 드로잉 결과에 기반하여, 상기 애플릿 페이지에 대해 원시 증분 렌더링을 수행하여, 상기 애플릿 페이지의 원시 증분 렌더링 결과를 획득하도록 구성되고;
상기 렌더링 모듈은, 상기 애플릿 페이지의 최초 드로잉 결과, 상기 애플릿 페이지의 원시 증분 렌더링 결과 및 미리 획득된 상기 애플릿 페이지의 초기 증분 렌더링 결과에 기반하여, 상기 애플릿 페이지를 렌더링하도록 구성되고,
상기 증분 드로잉 모듈은, 미리 획득된 상기 애플릿 페이지의 상기 최초 드로잉 결과에 기반하여, 상기 애플릿 페이지에 대한 원시 증분 렌더링을 트리거링하기 위한 메시지를 생성하고; 상기 애플릿 페이지에 대한 원시 증분 렌더링을 트리거링하기 위한 상기 메시지에 기반하여, 상기 애플릿 페이지에 대해 원시 증분 드로잉 및 렌더링을 수행함으로써, 상기 애플릿 페이지의 원시 증분 렌더링 결과를 획득하도록 구성되는 것을 특징으로 하는 애플릿 페이지 렌더링 장치. - 제 6 항에 있어서,
사용자가 상기 애플릿 페이지를 오픈하는 명령에 응답하여, 상기 애플릿 페이지의 로직 코드와 페이지 스타일 파일을 로딩하여, 상기 애플릿 페이지의 로직 코드의 로딩 결과 및 상기 애플릿 페이지의 페이지 스타일 파일의 로딩 결과를 획득하고; 상기 애플릿 페이지의 로직 코드의 로딩 결과에서 상기 애플릿 페이지를 렌더링하는 초기 데이터를 추출하며; 상기 애플릿 페이지의 페이지 스타일 파일의 로딩 결과 및 상기 애플릿 페이지를 렌더링하는 상기 초기 데이터에 기반하여, 상기 애플릿 페이지에 대해 최초 드로잉을 수행함으로써, 상기 애플릿 페이지의 최초 드로잉 결과를 획득하도록 구성되는 최초 드로잉 모듈을 더 포함하는 것을 특징으로 하는 애플릿 페이지 렌더링 장치. - 제 7 항에 있어서,
상기 증분 드로잉 모듈은, 상기 애플릿 페이지에 대한 초기 증분 렌더링을 트리거링하기 위한 메시지를 생성하고; 상기 애플릿 페이지에 대한 초기 증분 렌더링을 트리거링하기 위한 상기 메시지에 기반하여, 상기 애플릿 페이지에 대해 초기 증분 드로잉 및 렌더링을 수행함으로써, 상기 애플릿 페이지의 초기 증분 렌더링 결과를 획득하도록 추가로 구성되는 것을 특징으로 하는 애플릿 페이지 렌더링 장치. - 제 8 항에 있어서,
상기 증분 드로잉 모듈은, 서버에서 상기 애플릿 페이지에 대한 초기 증분 렌더링을 트리거링하기 위한 상기 메시지를 생성하는 데이터를 획득하는 방식;
상기 애플릿 페이지에 대한 초기 증분 렌더링을 트리거링하기 위한 상기 메시지를 생성하는 데이터에 기반하여, 상기 애플릿 페이지에 대한 초기 증분 렌더링을 트리거링하기 위한 상기 메시지를 생성하는 방식; 을 통해 상기 애플릿 페이지에 대한 초기 증분 렌더링을 트리거링하기 위한 메시지를 생성하도록 구성되는 것을 특징으로 하는 애플릿 페이지 렌더링 장치. - 제 8 항에 있어서,
상기 증분 드로잉 모듈은, 상기 애플릿 페이지에 대한 초기 증분 렌더링을 트리거링하기 위한 상기 메시지를 수신할 때 상기 애플릿 페이지의 최초 드로잉 결과를 획득하지 못하면, 상기 애플릿 페이지에 대한 초기 증분 렌더링을 트리거링하기 위한 상기 메시지를 캐시 큐에 송신하고, 상기 캐시 큐에 기반하여 상기 애플릿 페이지에 대해 초기 증분 드로잉 및 렌더링을 수행함으로써, 상기 애플릿 페이지의 초기 증분 렌더링 결과를 획득하는 방식;
상기 애플릿 페이지에 대한 초기 증분 렌더링을 트리거링하기 위한 상기 메시지를 수신할 때 상기 애플릿 페이지의 최초 드로잉 결과를 획득하면, 직접 상기 애플릿 페이지에 대한 초기 증분 렌더링을 트리거링하기 위한 상기 메시지에 기반하여 상기 애플릿 페이지에 대해 초기 증분 드로잉 및 렌더링을 수행함으로써, 상기 애플릿 페이지의 초기 증분 렌더링 결과를 획득하는 방식; 을 통해 상기 애플릿 페이지에 대해 초기 증분 드로잉 및 렌더링을 수행함으로써, 상기 애플릿 페이지의 초기 증분 렌더링 결과를 획득하도록 구성되는 것을 특징으로 하는 애플릿 페이지 렌더링 장치. - 적어도 하나의 프로세서; 및
상기 적어도 하나의 프로세서와 통신적으로 연결되는 메모리를 포함하고; 여기서, 상기 메모리에는 상기 적어도 하나의 프로세서에 의해 실행 가능한 명령이 저장되어 있으며, 상기 명령이 상기 적어도 하나의 프로세서에 의해 실행되어, 상기 적어도 하나의 프로세서가 제 1 항 내지 제 5 항 중 어느 한 항에 따른 애플릿 페이지 렌더링 방법을 수행하도록 하는 것을 특징으로 하는 전자 설비. - 컴퓨터 명령이 저장되어 있는 비 일시적 컴퓨터 판독 가능 저장 매체에 있어서,
상기 컴퓨터 명령은 상기 컴퓨터가 제 1 항 내지 제 5 항 중 어느 한 항에 따른 애플릿 페이지 렌더링 방법을 수행하도록 하는 것을 특징으로 하는 컴퓨터 명령이 저장되어 있는 비 일시적 컴퓨터 판독 가능 저장 매체. - 컴퓨터 판독 가능 저장 매체에 저장된 컴퓨터 프로그램에 있어서,
상기 컴퓨터 프로그램 중의 컴퓨터 명령이 프로세서에 의해 실행될 경우, 제 1 항 내지 제 5 항 중 어느 한 항에 따른 애플릿 페이지 렌더링 방법을 구현하는 것을 특징으로 하는 컴퓨터 판독 가능 저장 매체에 저장된 컴퓨터 프로그램. - 삭제
- 삭제
Applications Claiming Priority (3)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011573045.XA CN112540806B (zh) | 2020-12-25 | 2020-12-25 | 一种小程序页面渲染方法、装置、电子设备及存储介质 |
| CN202011573045.X | 2020-12-25 | ||
| PCT/CN2021/092352 WO2022134428A1 (zh) | 2020-12-25 | 2021-05-08 | 小程序页面渲染方法、装置、电子设备及存储介质 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| KR20220063290A KR20220063290A (ko) | 2022-05-17 |
| KR102686643B1 true KR102686643B1 (ko) | 2024-07-22 |
Family
ID=81845553
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| KR1020227014668A KR102686643B1 (ko) | 2020-12-25 | 2021-05-08 | 애플릿 페이지 렌더링 방법, 장치, 전자 설비 및 저장 매체 |
Country Status (3)
| Country | Link |
|---|---|
| US (1) | US12026541B2 (ko) |
| JP (1) | JP7482223B2 (ko) |
| KR (1) | KR102686643B1 (ko) |
Families Citing this family (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN116700694B (zh) * | 2023-08-07 | 2024-01-26 | 深圳凡泰极客科技有限责任公司 | 小程序引擎 |
| CN116991749B (zh) * | 2023-09-28 | 2024-01-16 | 厦门她趣信息技术有限公司 | 一种视图渲染问题排查方法、系统、设备及存储介质 |
Citations (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20190213019A1 (en) * | 2016-12-05 | 2019-07-11 | Tencent Technology (Shenzhen) Company Limited | Application program page processing method and device |
Family Cites Families (15)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US7831556B2 (en) | 2005-03-17 | 2010-11-09 | International Business Machines Corporation | Differential rendering and refreshing a portal page with a page delta |
| US9143378B2 (en) | 2011-07-01 | 2015-09-22 | International Business Machines Corporation | Rendering components within different browser environments |
| US8700691B2 (en) * | 2011-12-05 | 2014-04-15 | Microsoft Corporation | Minimal download and simulated page navigation features |
| AU2014223495B2 (en) | 2013-03-01 | 2017-07-13 | Facebook, Inc. | Caching pagelets of structured documents |
| CN106990946A (zh) | 2016-01-21 | 2017-07-28 | 阿里巴巴集团控股有限公司 | 一种界面处理方法、装置和智能终端 |
| CN107451181B (zh) | 2017-06-14 | 2020-09-22 | 北京星选科技有限公司 | 页面渲染方法和装置 |
| CN108804164A (zh) | 2018-05-22 | 2018-11-13 | 北京五八信息技术有限公司 | 小程序的数据渲染方法、装置、移动终端及存储介质 |
| US20200089779A1 (en) | 2018-09-19 | 2020-03-19 | Twitter, Inc. | Progressive API Responses |
| CN109358936B (zh) * | 2018-09-29 | 2021-09-10 | Oppo广东移动通信有限公司 | 信息处理方法、装置、存储介质、电子设备及系统 |
| CN109933385B (zh) | 2019-03-22 | 2022-10-25 | 深圳市网心科技有限公司 | 一种页面加载方法、装置、系统及介质 |
| CN110659098B (zh) | 2019-09-23 | 2021-01-29 | 北京城市网邻信息技术有限公司 | 数据更新方法、装置、终端设备及存储介质 |
| CN110704136B (zh) | 2019-09-27 | 2023-06-20 | 北京百度网讯科技有限公司 | 小程序组件的渲染方法、客户端、电子设备及存储介质 |
| CN111552473B (zh) | 2020-04-27 | 2024-02-09 | 腾讯科技（深圳）有限公司 | 一种应用程序的处理方法、装置及设备 |
| CN111580924B (zh) | 2020-05-19 | 2023-06-27 | 北京字节跳动网络技术有限公司 | 页面展示方法、装置、电子设备及可读存储介质 |
| CN112540806B (zh) | 2020-12-25 | 2023-06-23 | 北京百度网讯科技有限公司 | 一种小程序页面渲染方法、装置、电子设备及存储介质 |
-
2021
- 2021-05-08 US US17/773,874 patent/US12026541B2/en active Active
- 2021-05-08 JP JP2022524184A patent/JP7482223B2/ja active Active
- 2021-05-08 KR KR1020227014668A patent/KR102686643B1/ko active IP Right Grant
Patent Citations (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20190213019A1 (en) * | 2016-12-05 | 2019-07-11 | Tencent Technology (Shenzhen) Company Limited | Application program page processing method and device |
Also Published As
| Publication number | Publication date |
|---|---|
| JP7482223B2 (ja) | 2024-05-13 |
| US20230359483A1 (en) | 2023-11-09 |
| US12026541B2 (en) | 2024-07-02 |
| JP2023510450A (ja) | 2023-03-14 |
| KR20220063290A (ko) | 2022-05-17 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| WO2022134428A1 (zh) | 小程序页面渲染方法、装置、电子设备及存储介质 | |
| US11445008B2 (en) | Data processing methods, electronic devices, and storage media | |
| KR102686643B1 (ko) | 애플릿 페이지 렌더링 방법, 장치, 전자 설비 및 저장 매체 | |
| US20230206578A1 (en) | Method for generating virtual character, electronic device and storage medium | |
| CN113050940A (zh) | 小程序的预览方法、相关装置及计算机程序产品 | |
| US11438403B2 (en) | Page presentation method and system, computer system, and computer readable medium | |
| CN114035865B (zh) | 启动小程序的方法、装置、设备以及存储介质 | |
| CN113051510B (zh) | 交互处理方法、装置、前端设备、后端设备及存储介质 | |
| US20210224363A1 (en) | Scheduling method and apparatus, device and storage medium | |
| CN112947916A (zh) | 用于实现在线画布的方法、装置、设备以及存储介质 | |
| CN111767433A (zh) | 数据处理方法、装置、存储介质以及终端 | |
| CN116541224A (zh) | 性能测试方法、装置、电子设备与可读存储介质 | |
| CN116243983A (zh) | 处理器、集成电路芯片、指令处理方法、电子设备和介质 | |
| CN108197029B (zh) | 一种获取进程信息的方法和设备 | |
| CN111813407A (zh) | 游戏开发方法、游戏运行方法、装置和电子设备 | |
| CN113722037B (zh) | 一种用户界面的刷新方法、装置、电子设备及存储介质 | |
| CN114095758B (zh) | 云图像截取方法、相关装置 | |
| CN115081607A (zh) | 基于嵌入算子的反向计算方法、装置、设备以及存储介质 | |
| CN113867920A (zh) | 任务处理方法、装置、电子设备和介质 | |
| CN113961194A (zh) | 基于Flutter跨应用的工程构建方法、系统、终端及介质 | |
| CN116579914B (zh) | 一种图形处理器引擎执行方法、装置、电子设备及存储介质 | |
| CN113641404B (zh) | 程序运行方法、装置、处理器芯片、电子设备和存储介质 | |
| US12128298B2 (en) | Method and apparatus for pre-starting cloud application, device, storage medium, and program product | |
| CN113094607B (zh) | 获取本地资源的方法及装置 | |
| CN115495312B (zh) | 业务请求处理方法和装置 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| E902 | Notification of reason for refusal | ||
| E701 | Decision to grant or registration of patent right | ||
| GRNT | Written decision to grant |