资讯专栏INFORMATION COLUMN

React组件:Dragact 0.1.4发布

dreamGong / 3492人阅读

摘要:下个版本在下个版本中,我会对其进行支持响应式自由切换拖拽和缩放手机也能操作仓库地址预览多谢大家支持。

Dragact 是一款React组件,他能够使你简单、快速的构建出一款强大的 拖拽式网格(grid)布局.

仓库地址:Dragact

经过几天的迭代时间Dragact已经能够支持自由缩放功能了(resize)

废话不多说,来看看demo

新特性1:大小自由缩放

自由缩放大小的布局

新特性2:getLayout获取当前的布局信息

在live Demo中,我新增了第四个demo

点击以后,可以看到一个布局,这个布局拥有存储能力,也就是当你刷新浏览器以后,他的布局效果不会消失,无论是位置,还是图片大小。

下个版本

在下个版本中,我会对其进行支持

响应式

自由切换拖拽和缩放

手机也能操作

仓库地址:Dragact

预览:live Demo

多谢大家支持。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/107548.html

相关文章

  • React组件Dragact 0.1.4发布

    摘要:下个版本在下个版本中,我会对其进行支持响应式自由切换拖拽和缩放手机也能操作仓库地址预览多谢大家支持。 Dragact 是一款React组件,他能够使你简单、快速的构建出一款强大的 拖拽式网格(grid)布局. 仓库地址:Dragact 经过几天的迭代时间Dragact已经能够支持自由缩放功能了(resize) 废话不多说,来看看demo 新特性1:大小自由缩放 showImg(http...

    bergwhite 评论0 收藏0
  • React组件Dragact 0.1.4发布

    摘要:下个版本在下个版本中,我会对其进行支持响应式自由切换拖拽和缩放手机也能操作仓库地址预览多谢大家支持。 Dragact 是一款React组件,他能够使你简单、快速的构建出一款强大的 拖拽式网格(grid)布局. 仓库地址:Dragact 经过几天的迭代时间Dragact已经能够支持自由缩放功能了(resize) 废话不多说,来看看demo 新特性1:大小自由缩放 showImg(http...

    30e8336b8229 评论0 收藏0
  • React组件:拖拽布局Dragact v0.1.6 发布

    摘要:新特性性能提升通过对组件渲染的优化以及内部算法的优化,把大量的遍历和渲染都省掉。新特性不一样的挂件渲染依赖注入式的挂件可以从最简单的例子看出,我们渲染子组件的方式和以往有些不同。通过获取组件的实例,我提供了一个,用于获取当前的布局信息。 showImg(https://segmentfault.com/img/remote/1460000013377768?w=600&h=375); ...

    since1986 评论0 收藏0
  • React组件:拖拽布局Dragact v0.1.6 发布

    摘要:新特性性能提升通过对组件渲染的优化以及内部算法的优化,把大量的遍历和渲染都省掉。新特性不一样的挂件渲染依赖注入式的挂件可以从最简单的例子看出,我们渲染子组件的方式和以往有些不同。通过获取组件的实例,我提供了一个,用于获取当前的布局信息。 showImg(https://segmentfault.com/img/remote/1460000013377768?w=600&h=375); ...

    caozhijian 评论0 收藏0
  • React拖拽组件Dragact V0.1.7:教你优化React组件性能与手感

    摘要:但是强迫症犯了,为了使得性能达到极致,再次进行了深度的优化。把移动中心设置在物体的重力中心,最为舒适。你可以狠狠的点击预览地址到此,组件,无论从性能,还是手感上来说,都已经相当的符合我们的需求了。 仓库地址:Dragact手感丝滑的拖拽布局组件 预览地址:支持手机端噢~ 上回我们说到,Dragact组件已经进行了一系列的性能优化,然而面对大量数据的时候,依旧比较吃力,让我们来看看,优化...

    fizz 评论0 收藏0

发表评论

0条评论

dreamGong

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<