首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
拖拽相关文件
订阅
多肉程序媛
更多收藏集
微信扫码分享
微信
新浪微博
QQ
7篇文章 · 0订阅
原生拖拽太拉跨了,纯JS自己手写一个拖拽效果,纵享丝滑
说到元素拖拽,通常都会先想到用 HTML5 的拖拽放置 (Drag 和 Drop) 来实现,它提供了一套完整的事件机制,看起来似乎是首选的解决方案,但实际却不是那么美好,主要是它的样式太过简陋
低代码平台-路由管理
开发一个活动时,往往有多个页面,创建项目后进行路由管理。 提到路由管理,我们很容易想到vue-router,以往路由的component属性我们会传入一个已经import的组件或组件结构,如下所
手撸一个拖拽式表单生成低代码工具——leggo
leggo低代码工具帮助前端通过“拖拽交互”快速搭建和维护表单结构,轻松完成那些无脑重复搬砖的表单组件。使得前端能够更专注于开发拥有复杂逻辑的表单组件。
Vue悬浮球效果
1)一个是吸边效果。位置判断,然后缓动到目标位置: 2)一个是页面滚动过程中隐藏悬浮球的防抖。 3、touchstart里设置禁止点击以免touch和click事件冲突,同时让transition为none因为跟随手指移动时不需要缓动效果。 4、touchmove中设置悬浮球跟…
js 悬浮球拖拽
vue 实现微信浮标
微信的浮窗,大伙应该都用过,当我们正在阅读一篇公众号文章时,突然需要处理微信消息,点击浮窗,在微信上会有个浮标,点击浮标可以再次回到文章。 浮标的核心功能的就是拖拽,对鼠标或移动端的触摸的事件来说,有三个阶段,鼠标或手指接触到元素时,鼠标或手指在移动的过程,鼠标或手指离开元素。…
可视化拖拽组件库一些技术要点原理分析
建议结合源码一起阅读,效果更好(这个 DEMO 使用的是 Vue 技术栈)。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是:当从左边组件列表拖拽出一个组件放到画布中时,画布要把这个组件渲染出来。 用一个数组 componentDat…