好多天前，领导让我实现一个树形图拖拽插件，这个插件用来描述各部门领导与员工之间的关系，每个父节点显示其子结点数量，拖拽任意一个叶结点上的人到另一个结点，他们之间的关系发生改变，树形图重新渲染。用户操作都完成后，点击保存根据树形图生成JSON，将JSON发送给后端，后端根据JSON修改数据库中的人员对应关系。
软件下载地址：https://www.telerik.com/download/fiddler/fiddler4
https://www.zhihu.com/zvideo/1380450791975731200
虽然是标题党，但是不代表咱们的内容不真诚，如果对您各位有用，请不要吝啬您的小手，赞一赞！
该大屏设计是一个可视化拖拽编辑的全开源项目，直观，酷炫，具有科技感的图表工具。内置的基础功能包括数据源，数据集，报表管理。
好啦, 今天的分享就到这里啦, 如果你有好用的库推荐, 欢迎在评论区反馈~ 后续会在 趣谈前端 中持续总结复盘, 让技术工作更高效
大家好，今天给小伙伴们分享一个基于 SpringBoot + Vue 实现的可视化拖拽编辑的大屏项目；
今天将谷歌浏览器升级到了最新版本，在安装扩展脚本的时候，却发现Chrome 21+系列增加了对扩展插件安装的限制, 用户只能安装谷歌浏览器（Chrome Store）内的扩展插件，很是郁闷。经过查找相关资料，现整理解决方法如下：
Vue 被一个健康的插件和包的生态系统所加强，使开发变得可靠、快速和简单。由于Vue 是一个国际开发者社区所选择的框架，所以有一个不断增长的插件和包库，你可以在项目中使用。本文列举了用于Vue 2和Vue 3的 15个 流行的 Vue 插件。
大屏设计（AJ-Report）是一个可视化拖拽编辑的全开源项目，直观，酷炫，具有科技感的图表工具。内置的基础功能包括数据源，数据集，报表管理。
Vue 被一个健康的插件和包的生态系统所加强，使开发变得可靠、快速和简单。由于Vue 是一个国际开发者社区所选择的框架，所以有一个不断增长的插件和包库，你可以在项目中使用。
zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。专门适合项目开发,尤其是 树状菜单、树状数据。
这个是一个开源的一个BI平台，酷炫大屏展示，能随时随地掌控业务动态，让每个决策都有数据支撑。
webuploader支持多图上传，大文件上传，压缩图片上传，拖拽上传，显示上传进度，预览等
Vue CLI 是一个基于 Vue.js 进行快速开发的标准工具 可通过@vue/cli 搭建交互式的项目脚手架 CLI @vue/cli 快速创建 Vue 项目 需要全局安装的 npm 包 CLI 服务@vue/cli-service 开发环境依赖 局部安装在 @vue/cli 创建的项目中的 npm 包 packsge.json 文件中找到对应的 script 命令 通过 npm 调用这些 script 命令 配置服务器或打包 CLI插件 提供可选功能的 npm 包 对项目的管理 package.js
https://segmentfault.com/a/1190000019151460
简介 AJ-Report是全开源的一个BI平台，酷炫大屏展示，能随时随地掌控业务动态，让每个决策都有数据支撑。 多数据源支持，内置mysql、elasticsearch、kudu驱动，支持自定义数据集省去数据接口开发，目前已支持25种大屏组件/图表，不会开发，照着设计稿也可以制作大屏。三步轻松完成大屏设计：配置数据源---->写SQL配置数据集---->拖拽配置大屏---->保存发布。欢迎体验。 功能概述 组件介绍 大屏设计（AJ-Report）是一个可视化拖拽编辑的，直观，酷炫，具有科技感的图
LowCodeEngine是由阿里巴巴钉钉团队开源的低代码引擎， 该引擎全面遵循《阿里巴巴中后端前端基础构建协议规范》和《阿里巴巴中后端前端素材协议规范》。
腾讯tmagic-editor是一个所见即所得的页面可视化编辑器，实现零代码/低代码生成页面，可以快速搭建可视化页面生产平台，让非技术人员可以通过拖拽和配置，自助生成H5页面、PC页面、TV页面，大大降低页面生产成本。
项目简介 腾讯tmagic-editor是一个所见即所得的页面可视化编辑器，基于tmagic-editor可以快速搭建可视化页面生产平台，让非技术人员可以通过拖拽和配置，自助生成H5页面、PC页面、TV页面，大大降低页面生产成本，实现零代码/低代码生成页面。 以下是腾讯视频会员业务基于tmagic-editor搭建的可视化页面搭建平台示意图。tmagic-editor已经用于腾讯视频会员、爱玩游戏、云视听极光、腾讯会议等十几个腾讯业务，每月生产和发布数百个页面。 基于可视化编辑器的页面生产流程 一、物
LowCodeEngine是由阿里巴巴钉钉团队开源的低代码引擎， 该引擎全面遵循《阿里巴巴中后端前端基础构建协议规范》和《阿里巴巴中后端前端素材协议规范》。兼容主流浏览器：Chrome >= 80，Edge >= 80，safari 和 firefox 最近 2 个 版本。
前言 关于讲解 JS 的拖拽功能的文章数不胜数，我确实没有必要大费周章再写一篇重复的文章来吸引眼球。本文的重点是讲解如何在某些特定的元素上禁止拖拽。这是我在编写插件时遇到的问题，其实很多插件的拖拽功能并没有处理这些细节，经过翻阅 jquery ui 的源码才找到答案。 拖拽实现 关于拖拽功能不再啰嗦，直接贴代码 /** * [draggable 拖拽方法] * @param {[type]} modal [移动元素] * @param {[type]} handle [拖拽元素] */ var
前段时间笔者一直忙于数据可视化方面的工作，比如如何实现拖拽式生成可视化大屏，如何定制可视化图表交互和数据导入方案等，这块需求在B端企业中应用非常大，所以非常有探索价值。
近几年，随着 IE 浏览器的落幕，Chrome（包括使用Chrome内核的浏览器）其实质上已经垄断整个浏览器行业了，就连微软的 Edge 都用上了 Chrome 内核。 可以说，Chrome 的标准，事实上就可以看做是行业标准了。可以预见，Chrome 的发展前景将会非常广阔。
近期有小伙伴在使用 Logic-Flow 流程图编辑框架的时候, 对于如何实现自定义可分组拖拽面板没有找到思路, 在简单沟通过后, 我觉得可以提供一个简单的示例来帮助大家快速了解;
jQuery插件就是开发爱好者自己利用jQuery制作的特效，然后打包成js文件，发布到网上供大家使用的脚本集合。
作者｜波同学 原文｜http://www.jianshu.com/p/b3dee0e84454 前面几篇文章，我跟大家分享了JavaScript的一些基础知识，这篇文章，将会进入第一个实战环节：利用前面几章的所涉及到的知识，封装一个拖拽对象。为了能够帮助大家了解更多的方式与进行对比，我会使用三种不同的方式来实现拖拽。 1、不封装对象直接实现； 2、利用原生JavaScript封装拖拽对象； 3、通过扩展jQuery来实现拖拽对象。 本文的例子会放置于codepen.io中，供大家在阅读时直接查看。如果对于
Bootstrap是一个用于快速开发Web应用程序和网站的前端框架。 Bootstrap支持响应式布局!响应式布局指的是一个网站能够兼容多种终端设备访问!. 终端设备:..电脑、平板电脑、手机
LowCodeEngine是由阿里巴巴钉钉团队开源的低代码引擎， 该引擎全面遵循《阿里巴巴中后端前端基础构建协议规范》和《阿里巴巴中后端前端素材协议规范》。兼容主流浏览器：Chrome >= 80，Edge >= 80，safari 和 firefox 最近 2 个 版本。 特性 🌈 提炼自企业级低代码平台的面向扩展设计的内核引擎，奉行最小内核，最强生态的设计理念 📦 开箱即用的高质量生态元素，包括 物料体系、设置器、插件 等 ⚙️ 完善的工具链，支持 物料体系、设置器、插件 等生态元素的全链路研发周期 🔌
https://pan.baidu.com/s/1J8U22Q87U3kDPtDy8EOa4A 提取码：glj5 复制这段内容后打开百度网盘手机 App，操作更方便哦
前端之所以有趣，就是每年有比较多新奇的插件和工具让我们去探索和研究。我们在开发前端应用时，自然少不了去找一些第三方插件帮助我们提高开发效率。本文给大家介绍的这50款新工具，都是相当的新，都是去年的新项目，时间不会超过1年，希望通过我的介绍，你能找到适合的工具，应用到项目中。
<meta name="viewport" content="user-scalable=no">
首先下载Hackbar插件：https://github.com/Mr-xn/hackbar2.1.3
前端之所以有趣，就是每年有比较多新奇的插件和工具值得我们去探索和研究。我们在开发前端应用时，自然少不了去找一些第三方插件帮助我们提高开发效率。本文给大家介绍的这50款新工具，都是相当的新，都是去年的新项目，时间不会超过1年，希望通过我的介绍，你能找到适合的工具，应用到项目中。
前言 因为一些特殊的业务需求，经过一个多月的蛰伏及思考，我开发了这款 jQuery 图片查看器插件 Magnify，它实现了 Windows 照片查看器的所有功能，比如模态窗的拖拽、调整大小、最大化，图片的缩放、旋转，平移、键盘控制等。插件的样式都是最基础的 CSS，定制非常容易，可以轻松修改成自己喜欢的样式。随后会陆续发布 React 及 Vue 相关版本的插件。本文主要介绍插件的特点及使用方法，而关于插件开发的细节将会在之后的具体文章中说明。 Github: https://github.com/
插件 parallel.js: 前后端通用的一个并行库 zepto: 用于现代浏览器的兼容 jQuery 的库 totoro: 稳定的跨浏览器测试工具 TheaterJS: 一个用于模拟人输入状态的 JS 库 stellar.js: 前端用于实现异步滚动效果的库，现已不再维护 skrollr: 另一款实现一步滚动的开源库，使用人数众多，可实现各种狂拽酷炫掉渣天的前端效果，看真相 Framework7: 前端框架，是开发人员可以基于 web 技术构建 IOS7 程序 regulex: 用于生成 正则表达式 的
开源项目是众多组织与个人分享的组件或项目，作者付出的心血我们是无法体会的，所以首先大家要心存感激、尊重。请严格遵守每个项目的开源协议后再使用。尊重知识产权，共建和谐开源社区。
首先下载Hackbar插件：https://download.csdn.net/download/qq_39610627/15406757 将其中的压缩包拖拽到Chrome的扩展程序。
发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/135279.html原文链接：https://javaforall.cn
◆ 简介 这个是一个开源的一个BI平台，酷炫大屏展示，能随时随地掌控业务动态，让每个决策都有数据支撑。 多数据源支持，内置mysql、elasticsearch、kudu驱动，支持自定义数据集省去数据接口开发，支持17种大屏组件，不会开发，照着设计稿也可以制作大屏。 三步轻松完成大屏设计：配置数据源---->写SQL配置数据集---->拖拽配置大屏---->保存发布。欢迎体验。 ◆ 功能概述 ◆ 组件介绍 大屏设计是一个可视化拖拽编辑的，直观，酷炫，具有科技感的图表工具全开源项目。
文章首发：《如何在 Vue 中加入图表 - Vue echarts 使用教程 - 卡拉云》
一款在线的 Markdown 阅读器，主要用来展示 Markdown 内容。支持 HTML 导出，同时可以方便的添加扩展功能。在这个阅读器的基础又做了一款在线 Github Pages 页面生成器，可以方便的生成不同主题风格的 GitHub Page 页面。
近期正在探索前端、后端、系统端各类常用组件与工具，对其一些常见的组件进行再次整理一下，形成标准化组件专题，后续该专题将包含各类语言中的一些常用组件。欢迎大家进行持续关注。
Dragula是一款支持移动触摸屏设备的纯js元素拖放插件。这个元素拖放插件使用简单，浏览器兼容性好，能够实现通过鼠标或在移动设备中通过手指来拖动DOM元素的位置。
这套工具集中的大部分你可能见过，也可能没见过，如果有哪个/些让你眼前一亮，那么我的分享就很值了。 这个列表包含许多种类的资源，所以这里我将它们分组整理。 Javascript 库 Particles.js — 一个用来在 web 中创建炫酷的浮动粒子的库 Three.js — 一个用来在 web 中创建 3d 物体和 3d 空间的库 Fullpage.js— 快速实现全屏滚动特性 Typed.js — 打字机效果 Waypoints.js — 滚动到某个元素位置时触发一个功能 Highlight.js
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
