Tiptap 编辑器

tiptap 一款支持vue2和vue3、react的网页编辑器,特点是可以非常方便的自定义工具栏和支持html和json格式,你完全可以把编辑器UI设计成你需要的界面,给我个人的感觉tiptap是介于markdown与html之间的一种编辑器很灵活。

vue-grid-layout 中文文档

vue-grid-layout 是 gridster.js 的 vue2 版本的网格布局插件,类似于 windows 的磁贴功能,我们可以用它来实现工作台之类的自定义布局功能。

gridster.js 中文文档

gridster.js 是一款前端网格拖拽插件可以实现 Windows 磁贴效果我们可以用来做自定义工作台的拖拽效果,Gridster 支持 IE 9+ Firefox Chrome Safari 和 Opera浏览器。

clipboard.js 中文文档

clipboard.js是一款使用简单的粘贴复制插件,它不依赖于Flash或其他框架,在github拥有3万多颗星可见其优秀程度,我们将介绍在umd和vue环境下如何使用它

vue3 自定义组件

vue3 自定义组件教程,自定义组件在任何一个系统中都是一个基石般的存在,自定义组件可以将业务模块快,把复杂的功能拆分成小的单元进行开发,可以降低开发难度和提高开发效率,我们如果把软件开发比成造车的话,那么通俗的可以理解成,造发动机的负责造发动机、造轮子的负责造轮子,各司其职,在vue的页面也是组件。

sortable.js

Sortable.js是一款优秀的js拖拽库,支持ie9及以上版本ie浏览器和现代浏览器,也可以运行在移动触摸设备中。不依赖jQuery。支持 Meteor、AngularJS、React、Vue、Knockout框架和任何CSS库,如Bootstrap、Element UI。你可以用来拖拽div、table等元素。

Bootstrap表格插件

Bootstrap Table快速入门教程,本文演示了前端加载数据和服务器端加载数据的最基本的配置和50多个方法函数的用法,章节分为基础方法、选择相关方法、行列相关方法、其他方法进行分类讲解。

ag-grid 中文教程

g-grid是一款功能和性能强大外观漂亮的表格插件,ag-grid几乎能满足你对数据表格所有需求。固定列、拖动列大小和位置、多表头、自定义排序等等各种常用又必不可少功能。关于收费的问题,绝大部分应用用免费的社区版就够了,ag-grid-community社区版一样功能强大,本教程所有功能都是基于ag-grid-community社区版本实现。

css flex教程

css flex是W3C组织在2009年提出的一种新布局方案,可以方便的解决原来通过依赖display和浮动方案的缺陷,比如display float实现垂直居中就很麻烦。经过多年的发展css flex目前可以在所有主流浏览器在运行,但是IE浏览器则需要在IE10及以上版本才支持。

vue.draggable中文文档

Vue.Draggable是一款基于Sortable.js实现的vue拖拽插件。支持移动设备、拖拽和选择文本、智能滚动,可以在不同列表间拖拽、不依赖jQuery为基础、vue 2过渡动画兼容、支持撤销操作,总之是一款非常优秀的vue拖拽组件。本篇将介绍如何搭建环境及简单的例子,使用起来特别简单对被拖拽元素也没有CSS样式的特殊要求。

Antd Vue快速入门教程

Ant Design是蚂蚁金服出品的一款前端UI库,官方的介绍是服务于企业级产品的设计体系,基于确定和自然的设计价值观上的模块化解决方案,让设计者和开发者专注于更好的用户体验。简而言之就是一款简洁漂亮的UI库。

ant design dropdown的属性和事件

本文列举了antd dropdown组件的属性及事件,并用例子演示了然后使用这些属性和事件。也为直接引入js开发方式同学编写了例子。