GithubHelp home page GithubHelp logo

Comments (5)

chrisdholt avatar chrisdholt commented on May 28, 2024 1

This was just merged and a new bundle should be generated tomorrow - #29806

Please see if that resolves this issue.

from fluentui.

DavidVollmers avatar DavidVollmers commented on May 28, 2024

Please explain your problem in a thoroughly manner. Just posting a codesandbox link without any further comments doesn't help anyone.

From what I can understand, you are trying to argue that memory consumption rises by setting inner HTML in a loop? I think this isn't related to fluent UI, but maybe instead to your browser? (https://issues.chromium.org/issues/40482092)

from fluentui.

CV-souryu avatar CV-souryu commented on May 28, 2024

Please explain your problem in a thoroughly manner. Just posting a codesandbox link without any further comments doesn't help anyone.

From what I can understand, you are trying to argue that memory consumption rises by setting inner HTML in a loop? I think this isn't related to fluent UI, but maybe instead to your browser? (https://issues.chromium.org/issues/40482092)

抱歉我不得不用中文进行描述
在使用“blazor-server”服务端交互时我使用了“fluent-ui”。
在blazor路由导航到新页面时或对“DomTree”进行更新时我观察到,浏览器内存一直处于上涨状态,对浏览器内存进行快照,发现里面有大量的已分离dom。
并且无法提供浏览器提供的垃圾清理按钮清除这些元素。
这些元素被引用在“wakemap”中。或许是和“style”订阅者有关。

他的原理可能和我提供的“sandbox”里的demo相同。
事实上在我提供的sandbox中,点击左侧的使用一次“innerHTML”就可以观察到内存中出现“被wakemap”引用的“分离的dom元素”

“antDesign-ui-blazor”在页面更新时内存也会上涨,但使用浏览器提供的内存清理按钮时,内存会快速释放到合理水平。

firefox和chrome均有以上情况

from fluentui.

DavidVollmers avatar DavidVollmers commented on May 28, 2024

Do you mean WeakMap by "wakemap"?

from fluentui.

CV-souryu avatar CV-souryu commented on May 28, 2024

This was just merged and a new bundle should be generated tomorrow - #29806

Please see if that resolves this issue.

not resolves on 2.5.17

from fluentui.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.