-
2021 年你应该尝试的 8 个 React 库
1. react-select 一个厉害的，强大的表单下拉选择框的库 代表了一种开发功能强大的 react.js 组件的全新方式，这些组件在完全可定制的同时开箱即用。 突出的功能特性 灵活的数据处理方法，具有可定制的功能。 灵活结合 emotion 这个库(一个 css in js 的强大的库 ). 组件注入API，用于完全控制UI行为。 选项组、portal 支持、动画等。 安装: npm i …- 992
- 0
-
前端工具VScode+NodeJs+Git下载配置
下载vscode需要用到node.js和git 一、安装NodeJs 1.下载Nodejs Node.js官网下载地址:https://nodejs.org/en/download/ Node.js历史版本下载地址：https://nodejs.org/zh-cn/download/releases/ tips:脚本语言需要一个解析器才能运行，JavaScript是脚本语言，在不同的位置有不一样的…- 2k
- 0
-
富文本vue-quill-editor结合el-element实现自定义上传组件
需求一 图片上传 就是要一个富文本编辑器，然后有图片上传功能，因为vue-quill-editor是将图片转为base64编码，所以当图片比较大时，提交后台时参数过长，导致提交失败。 解决思路 将图片先上传至服务器，再将图片链接插入到富文本中 图片上传的话可以使用element或者iview，这里我以iview举例 图片上传区域要隐藏，自定义vue-quill-editor的图片上传，点击图片上传…- 818
- 0
-
touch.js的使用总结
Touch 手机端的操作 基本事件： touchstart //手指刚接触屏幕时触发 touchmove //手指在屏幕上移动时触发 touchend //手指从屏幕上移开时触发 touchcancel //触摸过程被系统取消时触发（少用） 一、事件绑定 touch.on(element,types,callback); 参数描述： element element或strin…- 887
- 0
-
Touch 移动设备上的 手势识别 与 Js事件库
Touch.js 是移动设备上的手势识别与事件库, 由百度云Clouda团队维护，也是在百度内部广泛使用的开发工具。 Touch.js手势库专为移动设备设计。 Touch.js对于网页设计师来说，是一款不错的辅助工具，可以减少很多写框架控制器的时间。 网页合理使用Touch.js不但能增加网页的美观感，而且在节约时间，减少人力投入也有极大的帮助。 Touch.js官网： https://www.a…- 2.1k
- 0
-
vue 中基于html5 drag drap的拖放
事情是这样的，右边有各种控件，可以拖动到右边自由区，在自由区内可以随意拖动。 案例一： 开始的我，so easy！ 通过绑定元素的mousedown 事件，监听鼠标的mousemove，和mouseup 事件，于是我轻松实现了同一区域内元素可以拖着跑，上代码！ move (e) { let odiv = e.target // 获取目标元素 // 算出鼠标相对元素的位置 let disX = e…- 942
- 0
-
dragula插件web端和移动端的拖拽排序
Dragula简介 Dragula是一款支持移动触摸屏设备的纯js元素拖放插件。这个元素拖放插件使用简单，浏览器兼容性好，能够实现通过鼠标或在移动设备中通过手指来拖动DOM元素的位置。 代码演示： <script src="dist/dragula.js"></script> <link rel="stylesheet" hre…- 1k
- 0
-
H5拖放原生js将图片拖放另外一个元素里
1：什么是拖放？ 拖放是一种常见的特性，即抓取对象以后拖到另一个位置。在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放 2：元素的可拖放 draggable 属性设置为 true <img draggable="true"> 3：元素中的拖放事件 通过拖放事件，可以控制拖放相关的各个方面。其中最关键的地方在于确定那里发生了拖放事件，有些事件是在被…- 1k
- 0
-
Vue Drag and Drop
1.设置 div 元素允许拖拽 draggable="true" 2.设置元素拖拽开始事件 @dragstart="drag(item.data)" <div style="border:1px solid green;" draggable="true" @dragstart="dragstart($…- 806
- 0
-
JS实现div块的拖放，调换位置
主要是HTML5 的拖放（Drag 和 Drop） 例子（不需要对div设置ID）： <!DOCTYPE HTML> <html> <head> <script type="text/javascript"> function allowDrop(ev) { ev.preventDefault(); } var srcdiv = …- 746
- 0
-
￥优惠劵使用时效：无法使用使用时效：
之前
使用时效：永久有效优惠劵ID：×