CN107798088A - A kind of dynamic loading method for being used for micro- application data and the page - Google Patents
A kind of dynamic loading method for being used for micro- application data and the page Download PDFInfo
- Publication number
- CN107798088A CN107798088A CN201710981027.7A CN201710981027A CN107798088A CN 107798088 A CN107798088 A CN 107798088A CN 201710981027 A CN201710981027 A CN 201710981027A CN 107798088 A CN107798088 A CN 107798088A
- Authority
- CN
- China
- Prior art keywords
- basepath
- dynamic load
- page
- css
- dynamic
- 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
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- 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/44521—Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Data Mining & Analysis (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The invention discloses a kind of for micro- application data and the dynamic loading method of the page, by the content in acquisition module code method, go to create script therein to realize dynamic load；It is segmented and is loaded by call back function, according to nearby principle recurrence perform script is relied on, load document successively from top to bottom；By the file acquisition call back function of dynamic load, carry out logic judgment and realize segmentation loading, reduce network request, improve Consumer's Experience.
Description
Technical field
Believe the present invention relates to power network in mobile internet environment web Dynamic loading techniques, specifically a kind of electric power that is used for
Cease the dynamic loading method of micro- application data and the page.
Background technology
Bootstrap Mobile solution Development Frameworks, Bootstrap are based on Less, abundant Mixin, are had abundant
Delete case system, lattices are applied to the equipment for being more than or equal to separation size with screen width, and are set for the small screen
Standby covering lattices.Therefore, lattices are applied to the equipment for being more than or equal to separation size with screen width on element,
And for small screen device covering lattices.Therefore, applied on element, also influence giant-screen equipment.
The advantages of framework is that can have compatibility height, response type cloth with fast adaptation PC ends, mobile terminal showing interface
The features such as office, grid type design, but the deficiency of bootstrap frameworks is can not to meet the need of Mobile solution development behavior loading
Ask.
Amaze UI Mobile solution Development Frameworks, Amaze UI are opened by domestic first of Beijing Mei Tongyundong companies exploitation
Source is across screen, lightweight, high-performance front end frame.The framework is preferably theory with movement, and large-size screen monitors are progressively expanded to from smaller screen, can
It is adapted to most equipment screen.By realizing that animation interacts with reference to CSS3 technologies so that show effect more smoothly, efficiently, Web
Using loading velocity faster.The framework includes abundant CSS, Js, Web component simultaneously, can go out experience remarkably with rapid build
Across screen interface.Inside so more advantages, Amaze UI do not possess the demand of Dynamic loading technique yet.
The content of the invention
It is an object of the invention to provide a kind of dynamic loading method for micro- application data and the page, this method according to according to
The recurrence for the relation of relying performs document creation script bank, reduces network request, also improves Consumer's Experience.
The purpose of the present invention is achieved through the following technical solutions：
A kind of dynamic loading method for being used for micro- application data and the page, it is characterised in that：This method passes through acquisition module code
Content in method, go to create script therein to realize dynamic load；It is segmented and is loaded by call back function, according to dependence nearby
Principle recurrence perform script, from top to bottom load document successively；By the file acquisition call back function of dynamic load, logic is carried out
Judge to realize segmentation loading, reduce network request, improve Consumer's Experience.
It is specific as follows：
1）Path configures
paths: {
"basepath":basepath
}
Basepath is then the current path of definition
2）Preload item
preload:['basepath/css/main.css',
'basepath/js/modules/jquery-1.9.1.min',
'basepath/js/modules/public'
]
3）Basic path
base: "" + basepath + "/js/modules/"
4）Alias configures
alias: {
"dialog": "dialog/dialog"
}
5）Page request
require(“dialog”);// dynamic load alias pattern and js
require(“index”);// dynamic load logic js
require(“index.css”);// dynamic load pattern css.
Dynamic load information, load what is interacted with service end using the preload in configuration pre-loaded when
Js and css.When js and css is loaded needed for some page, usable require directly relies on loading, so as to accomplish
The few code of write pole, come pattern and logic needed for dynamic load.
The present invention both reduces network request, also improves Consumer's Experience.
Embodiment
A kind of dynamic loading method for micro- application data and the page, by the content in acquisition module code method,
Go to create script therein to realize dynamic load；It is segmented and is loaded by call back function, is performed according to nearby principle recurrence is relied on
Script, from top to bottom load document successively；By the file acquisition call back function of dynamic load, carry out logic judgment and realize segmentation
Loading.
It is specific as follows：
1. path configures
paths: {
"basepath":basepath
}
Basepath is then the current path of definition
2. preload item
preload:['basepath/css/main.css',
'basepath/js/modules/jquery-1.9.1.min',
'basepath/js/modules/public'
]
3. basic path
base: "" + basepath + "/js/modules/"
4. alias configures
alias: {
"dialog": "dialog/dialog"
}
5. page request
require(“dialog”);// dynamic load alias pattern and js
require(“index”);// dynamic load logic js
require(“index.css”);// dynamic load pattern css.
The present invention is directed to mobile terminal internal memory, flow, limited battery resources under mobile internet environment, is added by using dynamic
Load technology, program file is dispersed as multiple small documents, with delay loading technology, realizes that on-demand loading lifts Consumer's Experience, drop
The resource utilization of low mobile terminal.In business and pattern, front end developer only needs to quote what is needed in code block header
Plugin library and model code.Logically, the interface that developer need to only call rear end to provide is read out and shown.It is right
Have different deployment requests on a different server in disparity items, such dynamic load for a difficult point, so
In the reference of module, it need to accomplish that the unification in path is consistent with rule.
Claims (2)
- It is 1. a kind of for micro- application data and the dynamic loading method of the page, it is characterised in that：This method passes through acquisition module generation Content in code method, goes to create script therein to realize dynamic load；It is segmented and is loaded by call back function, according to dependence just Approximately principle recurrence perform script, from top to bottom load document successively；By the file acquisition call back function of dynamic load, patrolled Collect and judge to realize segmentation loading, reduce network request, improve Consumer's Experience.
- It is 2. according to claim 1 for micro- application data and the dynamic loading method of the page, it is characterised in that：Specifically such as Under：1）Path configurespaths: {"basepath":basepath}Basepath is then the current path of definition2）Preload itempreload:['basepath/css/main.css','basepath/js/modules/jquery-1.9.1.min','basepath/js/modules/public']3）Basic pathbase: "" + basepath + "/js/modules/"4）Alias configuresalias: {"dialog": "dialog/dialog"}Page requestrequire(“dialog”);// dynamic load alias pattern and jsrequire(“index”);// dynamic load logic jsrequire(“index.css”);// dynamic load pattern css.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710981027.7A CN107798088A (en) | 2017-10-20 | 2017-10-20 | A kind of dynamic loading method for being used for micro- application data and the page |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710981027.7A CN107798088A (en) | 2017-10-20 | 2017-10-20 | A kind of dynamic loading method for being used for micro- application data and the page |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN107798088A true CN107798088A (en) | 2018-03-13 |
Family
ID=61533725
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201710981027.7A Pending CN107798088A (en) | 2017-10-20 | 2017-10-20 | A kind of dynamic loading method for being used for micro- application data and the page |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN107798088A (en) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108628646A (en) * | 2018-05-07 | 2018-10-09 | 青岛海信电器股份有限公司 | For showing that equipment loads the method and device of data |
Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102592248A (en) * | 2012-01-12 | 2012-07-18 | 江苏电力信息技术有限公司 | Power interaction service system for mobile phone terminal |
| CN103049316A (en) * | 2012-12-31 | 2013-04-17 | 东软集团股份有限公司 | Information interaction method and information interaction device of Web application and in-vehicle infortainment system |
| CN103377059A (en) * | 2012-04-23 | 2013-10-30 | 阿里巴巴集团控股有限公司 | Function module dynamic loading method and device based on jQuery framework |
| CN103455647A (en) * | 2012-06-04 | 2013-12-18 | 黄晓冬 | Reflective-type object-oriented simulation engine |
| CN104111836A (en) * | 2014-07-14 | 2014-10-22 | 浪潮软件集团有限公司 | Method for collecting and processing asynchronous loading data by network |
| CN106202100A (en) * | 2015-05-05 | 2016-12-07 | 腾讯科技（深圳）有限公司 | The loading method of the page and device |
| CN106294658A (en) * | 2016-08-04 | 2017-01-04 | 腾讯科技（深圳）有限公司 | The quick methods of exhibiting of webpage and device |
-
2017
- 2017-10-20 CN CN201710981027.7A patent/CN107798088A/en active Pending
Patent Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102592248A (en) * | 2012-01-12 | 2012-07-18 | 江苏电力信息技术有限公司 | Power interaction service system for mobile phone terminal |
| CN103377059A (en) * | 2012-04-23 | 2013-10-30 | 阿里巴巴集团控股有限公司 | Function module dynamic loading method and device based on jQuery framework |
| CN103455647A (en) * | 2012-06-04 | 2013-12-18 | 黄晓冬 | Reflective-type object-oriented simulation engine |
| CN103049316A (en) * | 2012-12-31 | 2013-04-17 | 东软集团股份有限公司 | Information interaction method and information interaction device of Web application and in-vehicle infortainment system |
| CN104111836A (en) * | 2014-07-14 | 2014-10-22 | 浪潮软件集团有限公司 | Method for collecting and processing asynchronous loading data by network |
| CN106202100A (en) * | 2015-05-05 | 2016-12-07 | 腾讯科技（深圳）有限公司 | The loading method of the page and device |
| CN106294658A (en) * | 2016-08-04 | 2017-01-04 | 腾讯科技（深圳）有限公司 | The quick methods of exhibiting of webpage and device |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108628646A (en) * | 2018-05-07 | 2018-10-09 | 青岛海信电器股份有限公司 | For showing that equipment loads the method and device of data |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110908658B (en) | Micro-service and micro-application system, data processing method and device | |
| Jararweh | Enabling efficient and secure energy cloud using edge computing and 5G | |
| CN107463434B (en) | Distributed task processing method and device | |
| CN105069132A (en) | Webpage implementation method based on static shell | |
| AU2012362829A1 (en) | Cloud-edge topologies | |
| CN104735030B (en) | Using open method, device and system | |
| CN103701909B (en) | The rapid generation and system of Video Applications | |
| CN103530160A (en) | Page loading method and device | |
| CN109274724A (en) | A kind of realization system and method for front and back end separation architecture | |
| CN104166551B (en) | A kind of application interface development approach and development device | |
| CN112965916B (en) | Page testing method, page testing device, electronic equipment and readable storage medium | |
| CN104067308A (en) | Object selection in an image | |
| CN107798088A (en) | A kind of dynamic loading method for being used for micro- application data and the page | |
| CN107656814B (en) | Middleware service implementation method and device | |
| Pan et al. | Component-based mobile web application of cross-platform | |
| CN103914223A (en) | Terminal application interface generation method and device | |
| CN103856490A (en) | Shopping website accessed by multiple network speed | |
| Almrot et al. | A study of the advantages & disadvantages of mobile cloud computing versus native environment | |
| Chen et al. | Mobile Learning System based on Cloud Computing. | |
| CN103986740A (en) | Multi-terminal application supporting always-online-infrastructure method, devices and system | |
| CN109933382B (en) | Online ppt file preview tool based on owa service | |
| CN113919030A (en) | BIM and Web 3D-based transformer substation three-dimensional model design intersection method | |
| Ganchev et al. | A cloud-based service recommendation system for use in UCWW | |
| CN111988368A (en) | Data interaction system and interaction method | |
| CN105589682A (en) | Firefox OS based widget information display method and apparatus |
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 | ||
| CB02 | Change of applicant information | ||
| CB02 | Change of applicant information |
Address after: 210024 civil defense building, No. 189, Guangzhou Road, Gulou District, Nanjing, Jiangsu Applicant after: Jiangsu Electric Power Information Technology Co., Ltd. Applicant after: STATE GRID JIANGSU ELECTRIC POWER Co. Address before: 210024 civil defense building, No. 189, Guangzhou Road, Gulou District, Nanjing, Jiangsu Applicant before: Jiangsu Electric Power Information Technology Co., Ltd. Applicant before: STATE GRID JIANGSU ELECTRIC POWER COMPANY |
|
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20180313 |