JavaScript+css+div可拖动div简单实现（雏形）

麦草CMS 2019-03-30 10:12:55

在一个web页面上放上一些可拖动div，有时候会感觉很酷。

下面就写了一个雏形。
http://mycms.xyz/blog/view.php?aid=9
这个雏形构思时就是要完美，所以予以完善了会很强大哦。自夸

展示：http://mycms.xyz/drag.html

...全文

465 3 打赏收藏举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

hookee 2019-03-31

打赏
举报

回复

「已注销」 2019-03-30

打赏
举报

回复

好的记得给我分

li905663280 2019-03-30

打赏
举报

回复

棒

今天被领导要求用js绘制2D机柜用于向客户展示客户资产以及管理设备，虽然我是后端，既然被分配到这个任务那就得做好。首先上网查了下资料，网上目前现有的2D绘制机柜的示例不多，产品的话大概也就那么几款例如TWaver以及Hightopo，TWaver想要下载示例及js需要非免费邮箱，虽然可以通过查看网页源码规避掉这个限制，等待他们反馈实在没耐心；Hightopo则联系过客服需要付费使用，这也很大程...

本文通过5个实战步骤，详细介绍了如何使用Vue Flow图形编辑库快速构建一个可拖拽、高度可定制的AI工作流编辑器。内容涵盖从环境搭建、节点拖拽创建、自定义样式与连线，到添加强化功能及数据持久化的完整流程，并附有可直接运行的代码示例，帮助开发者掌握可视化工作流编辑的核心实现。

另外，我考虑到了卡片在同一个栏目内的排序需求，通过监听拖拽的最终位置，实现了卡片在栏目内部的顺序调整，并同样将新的顺序保存起来。接着，在CSS中，我定义了整体的布局：三个栏目横向排列，每个栏目有固定的宽度、背景色和圆角边框，使其在视觉上形成独立的“泳道”。如果你也有类似的管理工具需求，或者任何想快速实现的Web应用点子，不妨试试用这种方式，亲手构建一个属于自己的“即开即用”方案。开发完成后，我几乎没做任何额外配置，只是点击了部署按钮，平台就自动生成了一个稳定的在线访问链接，我可以立刻分享给团队成员使用。

大模型正从‘内容生成’迈向‘系统构建’——这一技术演进标志着AI不再仅输出文本或图像，而是能理解工程契约、推演多步逻辑、生成可运行前端与交互式Web应用。其核心在于长链推理稳定性、多模态视觉解构能力及真实开发环境适配性，支撑起Win11桌面原型、模拟城市等复杂SVG+JS系统的端到端交付。对前端开发者而言，这意味着UI实现效率跃升、原型验证周期压缩、以及人机协作中‘定义问题’比‘写代码’更关键的新范式。本文聚焦Gemini 3.1 Pro在系统性构建与工程化落地层面的实际能力边界与实操路径。

数据可视化是将抽象数据转化为直观图形的关键技术，其核心原理在于通过视觉编码（如位置、颜色、大小）映射数据维度，从而揭示数据背后的模式与趋势。这项技术在工程实践中价值显著，能极大提升数据分析效率与决策支持能力，广泛应用于气象监测、商业智能、地理信息系统等领域。本文聚焦于台风监测这一具体场景，深入探讨如何利用Django框架构建稳健的数据中台，并结合ECharts这一强大的前端图表库，实现台风路径、强度及影响范围的多维度动态可视化。文中详细拆解了从数据模型设计、RESTful API构建到前端交互式图表渲染的全

87,984

社区成员

224,681

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章