Dynamic loading, caching, updating and reuse of javascript (1)_javascript skills

Usage scope:

Information management projects such as OA, MIS, ERP, etc. do not consider websites for the time being.

Problems encountered:

To complete a project, you often need to reference many js files, such as jQuery.js, easyUI, etc. There are also a series of js files written by myself, so how can these files be loaded conveniently? If the files change, how can the client update the cache in time? It would be better if the operating efficiency could be improved.

Target:

1. You can easily reference js files.

2. Try to use various caches to avoid frequently reading files from the server.

3. If the js file is updated or several js files are added or deleted, the client needs to be able to update automatically and immediately.

4. Reuse of Js files.

Page structure:

Generally, projects such as OA and MIS are mostly implemented using frameset or iframe, so that there is the concept of parent page and child page. We can use this to make a fuss.

Web pages can be divided into three parts: shell, homepage, tags, data list, and form (add, modify). Because the method of loading js mentioned here requires the use of this page structure, and it is for this reason that the website is not supported for the time being.

This picture may look familiar. Well, that's the structure.

Text

Nowadays, when making web applications, we rely more and more on various js, such as third-party jQuery, easyUI, my97, etc., as well as various js written by ourselves. There are more and more functions to be implemented, more and more js need to be used, and js files are modified frequently. As a result, many problems arose, such as writing a lot of