How to realize the partial switching of Jian Daoyun's page?

Jian Daoyun can keep the common part of the page such as navigation unchanged, but only change the main part of the page when you click on the navigation bar (or navigation pane) to switch pages. At the same time, if you look at the address bar, you can see that the address (routing) of the page has changed with the navigation switch, rather than maintaining the same address.

the details can be compared with the red boxes of the two pictures below, which shows that my own changes in the left navigation bar have not been reset because of the navigation switch, while the address of the address bar has changed.

what should I do if I use Flask,? Don"t consider AJAX, for the time being because as far as I know, using AJAX ensures that the address of the address bar is always unique, but the address changes when you switch navigation in the cloud.

Javascript html5 html

Mar.12,2021

you can use AJAX, to use location.hash or history api to achieve no refresh page skipping
link description

Previous: Modify the rerun effect of ReactAndroid in rn node_modules?

Next: Paging to change the serial number

How to make js execute repeatedly
I found a js code from the Internet to calculate the time difference effect is that we have been together xx days xx xx minutes xx seconds problem is that this time will not change only enter the web page after refreshing to keep the same value so I...

Javascript html5 html css

Feb.28,2021
Click again after location.hash jump is invalid
use location.hash = "- sharpfooter " to navigate to the DOM node on the page where id is footer, then scroll to the click location and click again, it will not jump to the-sharpfooter position again, only the first click is valid ...

Javascript html5 html

Feb.28,2021
The grammatical difference between html and css, and whether you want to learn html5? directly.
< H2 > now that you are getting started with front-end programming, can you learn html5 + css? directly across html, < H2 > the reason for my question is: recently got in touch with html, spent more than two weeks reading more than 200 pages of a boo...

Css javascript html5 html

Mar.02,2021
Vue rendering browser crashes
when rendering with data v-for this is the content both have for loop rendering data if two are loaded at the same time, the browser will collapse, and the amount of data is not about 20 if you comment out the content first, load the navig...

Javascript html5 html

Mar.03,2021
Rendering with axios in vue is extremely slow
when using axios to request data, the data is returned very slowly, even if it is just fetching the data without rendering the home page, it will take a long time to load. excuse me, this is the problem of axios itself network as shown in the pic...

Javascript html5 html

Mar.06,2021
Invalid manifest update
see the manifest update on the Internet, which roughly means that the browser will detect whether the manifest file has been changed, and refresh the cache list if the change is made. In fact, although Application Cache Progress event (83 of 83 is disp...

Chrome cache javascript html5 html

Mar.06,2021
How do you insert content in front of a page without changing the location that the user sees?
as the title, we are going to do an e-book reader on the web side, and the back end will send us content according to each chapter. our reader scrolls vertically. For example, when we are looking at Chapter 5, the user scrolls down a little bit (for ex...

Javascript html5 html css

Mar.07,2021
How to use the onclick event of element ui Notification correctly
I don t know how to use the onclick event of element ui correctly. The document doesn t introduce it in detail, and I haven t worked it out for a long time. specifically consult . I want to trigger this event when I click Notification again ...

Visual-studio-code javascript html5 html

Mar.10,2021
Wechat's sharing disrupted animation.
there are 4 animations. One after another, the animation of browsing the page with delay time is normal but when Wechat opened the sharing, it was time to select friends and deselect and found that several animation delays of the original page were all...

Css javascript html5 html

Mar.12,2021
The problem that Android phones and iPhone placeholder are not vertically centered
waiting now, how to solve height: 54px; line-height: 54px; iPhone placeholder is normally centered vertically, while Android phone is on the upper side iPhone cursor is not normal ...

Javascript html5 html css

Mar.15,2021
Ask javascript to automatically copy the specified content to the pasteboard when the page is loaded.
when you click manually, you can copy the specified content to the pasteboard, and add an automatic loading page on this basis, how to achieve it? < hr > <body> <input type="text" id="inputText" value="444" ...

Javascript html5 html css

Mar.16,2021
About h5 Wake up app
I am waking up app with url scheme. the requirement is that if app exists, open app, does not exist, ios jumps to appstore, Android jumps to google play. var nowTime = new Date().valueOf(); setTimeout(function() { var launchTime = new Da...

Javascript html5 html node.js

Mar.18,2021
Js dom operation Click current Show Click other Hidden?
Click the child class under the current checks to be displayed as none, then the other checks,class is hidden by none, and the reason why it is not directly hidden by the parent. The parent always has the style of display . <div class="checks&qu...

Javascript html5 html

Mar.20,2021
The webpage calls the live broadcast code.
now I want to insert the live broadcast code into my web page. For example, if I use the yy live broadcast code to insert the live broadcast code into my computer, there is no problem with my mobile phone. Is there any free or relatively low-cost way to ...

Jquery javascript html5 html php

Mar.20,2021
How to fully simulate asynchronous download simulation a tag? (the timing of the pop-up frame is the same)
as mentioned above, I use the a tag to request download and asynchronous request to download, obviously pop up to save the window faster than the a tag, my side is the second pop-up window. The latter is to wait for the whole file to download and then p...

Javascript html5 html

Mar.20,2021
Vue file upload
I want to use vue to do a file upload function. If you upload a picture, you can preview the picture or edit the file. Which god has a good plug-in to recommend it? thank you ....

Es6 javascript html5 html vue.js

Mar.20,2021
The mobile input input box cannot scroll to the visual area immediately after gaining focus.
The input input box cannot scroll to the visual area immediately after gaining focus, only after entering the content. How should I scroll to the visual area immediately after I want to gain focus? ...

Javascript html5 html

Mar.20,2021
After the routing of vue is configured with history,nginx, the page will always request the interface indefinitely.
A route without the-sharp number should be used in the vue project. I changed mode to history; in the path . vuenginx; ; nginx ...

Javascript html5 html nginx

Mar.23,2021
Html implements to open the project and load all picture resources.
when opening an H5 project, there is a loading,loading that loads all the image resources of the project first, which is convenient for the later user experience to load faster, and then how to load all the image resources of the project? ...

Javascript html5 html

Mar.23,2021
I want to convert the array and the corresponding properties and attribute values into objects.
how do I convert the corresponding attributes and attribute values in the array into strings? let data=[ {name:"",status:false}, {name:"",status:false}, {name:"",status:true}, {name:"",status:false}, ...

Javascript html5 html

Mar.25,2021