Comparison of several ways for the front end to obtain session information

During development, page js often encounters places where the currently logged in user information (menu permissions, basic user information, configuration information) is required. Generally speaking, we may not care too much about how to obtain this information. , but the current front-end is packaged through webpack. Even if code splitting is done, the js files and css files are still very large.

In the case of first loading, there is some room for optimization. The following mainly introduces some ways to obtain information. The interface uses simulated data, and the session acquisition interface is set to a 1 second delay. The following data are all data loaded for the first time, regardless of the 304 situation.

php Chinese website learning topic：php session (including pictures, texts, videos, cases)

　1. After End program settings, direct js code, global variable writing method

The browser accesses app.do, the backend program responds, obtains the user information InitData, obtains the returned app.html text, and writes the user information Write to the corresponding location of html and return to the browser

　[Problem]

a. Obtain user information InitData + app. html text ---→ Return to the browser, and the browser loads other static resources----> html loading process

b. The html returned by app.do, because the basic information of each user is Different, there is no way to use the browser 304 caching mechanism

　2. The page is loaded synchronously through

• An in-depth analysis of the Bootstrap list group component
• Detailed explanation of JavaScript function currying
• Complete example of JS password generation and strength detection (with demo source code download)
• Angularjs integrates WeChat UI (weui)
• How to quickly switch between Traditional Chinese and Simplified Chinese with JavaScript and the trick for websites to support switching between Simplified and Traditional Chinese_javascript skills