Giter Club home page Giter Club logo

Comments (5)

woai3c avatar woai3c commented on June 10, 2024 1

@woai3c 定位到问题了,有延迟的共同点是卡的组件都有transition:0.1s这个属性,left/top属性也被all包含,所以都会因为transition有0.1s的延迟,Shape组件没有设置这个属性就不会有问题 。再次感谢~

确实不容易,这个 bug 不容易发现。

from visual-drag-demo.

woai3c avatar woai3c commented on June 10, 2024

你是不是打开了控制台,关掉控制台就好了。

from visual-drag-demo.

xmasong avatar xmasong commented on June 10, 2024

@woai3c 没有打开控制台,这个不是控制台卡顿,是属性更新延迟。补充一个信息,我把更新style的方法(getShapeStyle)放在了<component>自定义组件上导致了这个问题,换到<Shape>组件上就没有延迟了(看到你的Demo中位置相关属性也是更新的<Shape>组件),但是具体原因未知

from visual-drag-demo.

xmasong avatar xmasong commented on June 10, 2024

image

尝试了图中4种情况,test-1,2是没有拖拽 延迟的,test-3,4是有的,很疑惑,找不到根因

from visual-drag-demo.

xmasong avatar xmasong commented on June 10, 2024

@woai3c 定位到问题了,有延迟的共同点是卡的组件都有transition:0.1s这个属性,left/top属性也被all包含,所以都会因为transition有0.1s的延迟,Shape组件没有设置这个属性就不会有问题 。再次感谢~

from visual-drag-demo.

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.