Web front-end data local-storage and access method for based on local Storage

Abstract

The invention discloses a Web front-end data local-storage and access method based on the local Storage. The method includes that 1, according to the data type, a storage region is divided into four regions, a novel data storage format is designed, and data is read from a memory object instead of a magnetic disk, so that the problem that the local Storage is low in efficiency of frequently reading data is solved; 2, when data is stored in the local Storage and exceeds the upper limit of storage space, errors occur, program termination is resulted, and program can not be written; in order to overcome the defects, an order array is added in each storage region, the key values of data are stored, based on the LRU algorithm and according to the data using time sequence, header data is marked as 'useless data', in two aspects of early-period prevention and later-period monitoring, a space full error handling mechanism is designed, and the 'useless data' is timely cleared away to make space for normal writing of data.

Description

technical field [0001] The invention relates to a method for locally storing and accessing web front-end data based on localStorage. Background technique [0002] With the advent of Web 2.0, the content of Web applications has changed, from the publishing-reading model to the user-relational model, and the requirements for page loading time are increasing. User experience and user evaluation have become the priority of the evaluation system. An important indicator of inferiority. Although some websites can now use server clusters to improve system performance, the cost is high and unaffordable. Under this situation, researchers have found another way, starting from the client browser, without increasing hardware costs. performance effect. [0003] With the development of the network and the development of front-end related technologies, new front-end architectures have emerged, and new development standards have been continuously improved. Some well-known Internet companie...

AI Technical Summary

Problems solved by technology

Experiments have shown that when the amount of data accessed is the same, the time it takes for localStorage to read a piece of large data is about 1ms, but the time it takes to read the same amount of small data multiple times is dozens of times that of reading a piece of large data. That is to say, using localStorage to read data frequently will lead to program performance degradation

In addition, since localStorage is permanent storage, the data usage period cannot be controlled, so an expiration mechanism needs to be designed; and the storage space allocated by the browser for localStorage is limited, the default is 5MB, if new data comes in, the space is not enough , a QuotaExceededError error will be thrown, and the situation of "cannot write" will appear

[0007] Therefore, in view of localStorage's problems of frequently reading data, low performance, data lifespan and program termination when the space is full, it is necessary to study localStorage in depth and design a local storage optimization solution based on localStorage

Images