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