Vue中轻松使模态框支持类窗口操作的增强组件

介绍

今天要介绍的是一个Vue的增强组件——vue-directive-window，它让你的模态框轻而易举地支持类窗口操作，也就是说不仅仅对话框，还将具备一些窗口化的特性，诸如拖拽、最大化、缩放等增强型功能！

Github

https://gitee.com/mirrors/vue-directive-window

特性

节约成本

旨在以极少的改造成本，让一个现有的模态框或任何合适的HTMLElement轻松支持拖拽移动、调整大小、最大化等类视窗操作。

使用便捷

同时提供Vue自定义指令以及一般js类库两种调用方式。

可插拔

可以随时为某个系统里已存在的模块添上/去除类视窗操作的功能，而不会影响该模块原有的功能。

快速开始

安装使用npm

也可以使用其它包管理工具，如yarn

npm install vue-directive-window

vue-directive-window支持Vue自定义指令及一般js类两种方式来使用。

自定义指令方式

效果如下

展开阅读全文

页面更新：2024-05-26

标签：组件操作缩放轻而易举管理工具对话框视窗指令便捷模块也就是说特性合适窗口轻松方式功能科技

1 2 3 4 5

C#生态下的又一个佳作——FreeSql (O/RM)

介绍FreeSql 是一个由国人开发并维护的C#生态优秀的ORM框架，至于是ORM（对象关系映射）框架，本文不再赘述。本文简单的来了解一下这款强大的ORM，它又有哪些过人之处！ Githubhttps://github.com/dotnetcore/FreeSql特点支持 .N

阿里开源用于构建通用应用程序的渐进式React框架——Rax

介绍Rax是一个用于构建通用应用程序的开源渐进式React框架，由阿里巴巴开源。超轻量，高性能，易上手的前端解决方案。一次开发多端运行，解放重复工作，专注产品逻辑，提升开发效率。并且与VSCode集成了强大的开发扩展套件！ Gith

轻巧无依赖，Javascript简单的轮播插件——Siema

介绍Siema是一个轻量级（仅压缩后的3kb）轮播插件，没有依赖项，没有样式。它是100％开源的，可在Github上查看源代码。它可免费用于个人和商业项目。可以通过模块化的方案或者手动引入js的方式进行使用。 Githubhttps://github.c

一个简单、易用且可定制的H5音视频播放器——plyr

介绍plyr是一款简单易用，可定制化的Html5的音视频播放器 Githubhttps://github.com/sampotts/plyr特性 HTML视频和音频无障碍-完全支持VTT字幕和屏幕阅读器可自定义-使用所需的标记让播放器可定制化干净的HTML-使用

分享10个很实用的CSS的代码片段

介绍以下是10个来自于网络收集的非常实用且重要的CSS代码片段 CSS重置这是CSS浏览器重置的基本和常见的CSS代码段html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, a

一个用于任意精度十进制算术的小而快速的JavaScript库

介绍今天要介绍的是一个用于任意精度十进制算术的小而快速的JavaScript库，由于JavaScript的浮点运算是存在精度问题的，那么就需要一个第三方的库来纠正或者代替这样的运算，它就是big.js.当前版本是6.0，一直保持更新迭代！ G

这一款开源免费的富文本编辑器，是值得推荐的——Quill

介绍Quill是一个所见即所得的富文本编辑器，是一个集兼容性和可扩展性于一体的优秀编辑器， Githubhttps://github.com/quilljs/quillQuill特点开发友好通过简单的API可以细粒度地访问编辑器的内容，更改和事件。使用JSON

使用原生JS编写的Web画廊插件——baguetteBox

介绍baguetteBox.js是一个响应式画廊插件(纯JS)，拥有图像放大缩小并带有相应的CSS3过度，并能在触摸屏等设备上完美展示。Githubhttps://github.com/feimosi/baguetteBox.js特点用纯JavaScript编写，不需要依赖项多画廊支

拖拽、缩放、多点触控手势，Javascript全搞定

介绍今天要介绍的库名称为interact.js，具有惯性和捕捉功能的JavaScript拖放，调整大小和多点触摸手势库，兼容IE9+浏览器。 Githubhttps://github.com/taye/interact.js基本特性免费和开源强大的捕捉和限制修饰惯性投掷多

让网页更加生动，网页滚动动画效果——AOS

介绍AOS是一个用在网页滚动中的动画库，顾名思义，AOS是随着滚动条而伴随的网页动画效果，AOS非常有效的使某些长网页更加的生动和丰富，对于提升网页整体质量具备了促进作用。Github14.9k stars，可见使用的人还是非常多的http

简单易用、功能强大的富文本编辑器——Vue2Editor

介绍Vue2Editor是一个简单易用且功能强大的Vue版本的富文本编辑器，其基于Quill.js和Vuejs构建！Githubhttps://github.com/davidroyer/vue2-editor特性简单易用；基于Vue.js & Quill.js构建；为更复杂的场景提供自定义的选项

微软开源Node.js浏览器自动化库——playwright

介绍Playwright是一个由微软开源Node.js库，可通过单个API自动执行Chromium，Firefox和WebKit。 Playwright旨在实现跨浏览器的Web自动化，该自动化是绿色，功能强大，可靠且快速的。GithubGithub stars数已达19.6khttps://gith

开源适用于JavaScript的Excel解析器和生成器

介绍xlsx-populate是一个用JavaScript编写的Excel XLSX解析器/生成器，支持Node.js和浏览器，具备jQuery和D3.js的形式写法，加密功能以及保持现有工作簿功能和样式不变的特点！ Githubhttps://github.com/dtjohnson/xlsx-pop

具有排序、筛选、分组、虚拟化、编辑功能的React表格组件

介绍今天要介绍的是一个在react生态中的一个表格组件——ka-table，正如标题，ka-table是一个具有排序、筛选、分组、虚拟化、编辑功能的React表格组件。可定制、可扩展、轻量级和免费的React Table组件！ Githubhttps://g

实用开源项目，基于Web的文件管理系统——DocSys

介绍DocSys是国内Gitee上开源的一个基于Web的文件管理系统，DocSys实现了日常本机文件管理的操作，某些方面比本地更加实用。DocSys基于开源协议GPL 2.0！DocSys主要用于企业或个人的文件存储管理，方便随时查看和统一管理。

上滑加载更多 ↓

Vue中轻松使模态框支持类窗口操作的增强组件

介绍

Github

特性

快速开始

C#生态下的又一个佳作——FreeSql (O/RM)

阿里开源用于构建通用应用程序的渐进式React框架——Rax

轻巧无依赖，Javascript简单的轮播插件——Siema

一个简单、易用且可定制的H5音视频播放器——plyr

分享10个很实用的CSS的代码片段

一个用于任意精度十进制算术的小而快速的JavaScript库

这一款开源免费的富文本编辑器，是值得推荐的——Quill

使用原生JS编写的Web画廊插件——baguetteBox

拖拽、缩放、多点触控手势，Javascript全搞定

让网页更加生动，网页滚动动画效果——AOS

简单易用、功能强大的富文本编辑器——Vue2Editor

微软开源Node.js浏览器自动化库——playwright

开源适用于JavaScript的Excel解析器和生成器

具有排序、筛选、分组、虚拟化、编辑功能的React表格组件

实用开源项目，基于Web的文件管理系统——DocSys

拖拽、缩放、多点触控手势，Javascript全搞定

简单易用、功能强大的富文本编辑器——Vue2Editor

具有排序、筛选、分组、虚拟化、编辑功能的React表格

高性能轻量级零依赖的轮播图组件——Glider.js

一台安卓手机凭什么卖到8299元，三星Note 10最全黑科技

拖拽排序组件——在Vue3项目中轻松实现组件的拖拽排序

目前完美支持Vue3.0的移动端组件库——Vant&NutUI

Web页面用户分步操作引导插件——driver.js

Github上一个非常受欢迎的React UI组件库——Evergree

一个开源的拟物化设计风格的Vue组件库——qui-max