What are the advantages of using iframe and switching display to open a new tab page in the system rather than in the browser? Experienced progress

background:
stated this problem last time. I don"t know if you have ever done software like this:

clipboard.png

Open a new tab,
react, for the system inside the system at that time there are two options:

  • 1 is the tab component that uses antd
  • 2 has seen several similar systems, all using iframe (but they are not using react)

now, after thousands of difficulties and obstacles, it has been implemented in iframe, but after I have done it, I have a few questions that I think I do not understand deeply. Now I would like to discuss

with you.
  • 1 where is it that I use iframe?
    make full use of the current web page resources and make great use of the memory allocated by the browser? If so, the tab component of antd claims to have done some encapsulation, not simply switching display, back and forth, so could I have directly used the tab component of antd instead of iframe?? in the first place?
Iframe react.js
Apr.20,2021

Don't use iframe if you can. If
must be used, react has iframe components, please use components, do not directly use < iframe / >
antd tab is your best choice.

iframe and display have no advantages.

just use a div .
each time you switch tab , just load the component corresponding to tab .
for example: 

  
 compares using antd's tabs and using multiple iframe in the google browser. 
 preliminary conclusion: open multiple tab pages, both take up browser memory for the currently open tab page, the currently open tab page is very large, both will render crashed, iframe does not have any obvious advantage.

Previous: JavaScript can not jump out of the forEach loop, know the result, but what caused it?

Next: Git cannot be used to connect to gitlab. in idea

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu