logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

Vue中拖动排序功能,引入SortableJs,前端拖动排序。

作为一名前端开发人员,在工作中难免会遇到拖拽功能,分享一个github上一个不错的拖拽js库,能满足我们在项目开发中的需要,支持Vue和React,下面是我在vue后台项目中中使用SortableJS的使用详细流程;里面的配置:draggable: ".listitem"将这个改成你需要拖动的实际元素的class,注意不与别的地方的元素重复.里面有你拖动的这个元素拖动前的索引和拖动后的索引,于是我

文章图片
#前端#vue.js#javascript
JS数组常用方法(超级详细,含理解) push、pop、unshift、shift、splice、slice、concat、join、revres、indexOf、sort、filter、map

push、pop、unshift、shift、splice、slice、concat、join、revres、indexOf、sort、filter、map、every、some、forEach、reduce、includes、findIndex、form伪数组转换成真数组、split('分隔符') 、字符串截取的方法 slice() substring() substr()-详细对比

文章图片
#javascript#前端#开发语言
【el-tree】树形结构拖拽,拖动修改分组

我的项目中,树形结构的分层是通过parentid的.而分组内部的顺序是通过每一项的sortCode来决定的. 而el-tree在拖拽完成后,el-tree所绑定的数组会自动的和视图同步,我们可以省去了操作这个数据移动的步骤,我们需要关心的就是拖拽后,如果节点的层级改变了,那么需要将被拖拽节点的pid修改成改变后的父节点的id,以及更新进入的那个分组的里面所有元素的Sortcode.在拖拽后,进入我

文章图片
#elementui#前端#javascript
H5页面,使用cursor: pointer;出现的问题:点击元素时,相邻元素或者自身背景色闪烁.

首先调试. 先将元素上的点击事件去掉.bug依旧出现. 于是去css中删除当前元素的样式. bug消失. 最后定位到产生问题的css属性:cursor: pointer;

文章图片
#css#前端#html
vue页面设置滚动失败的解决方案(scrollTop一直为0),vue页面无法滚动

这就涉及到一个知识点的误区:"让页面滚动到指定位置这个需求,不一定是让整个window滚动,在路由嵌套的vue页面中,window可能始终是没有滚动的,产生滚动条的是一个设置了固定高度,且子元素的高度超出了他本身的元素. 这时候,元素才会产生滚动条,而你一股脑的给window设置滚动条位置,window也蒙了"可是发现给某个div设置该属性后,一致为0。怎么看我这个方法适不适合你,你可以尝试打印滚

文章图片
#前端#javascript#css +2
使用vite打包libary模式打包sdk

2.Select a framework:Other对于打包 Library 的情况,你应该选择选项。这个选项是一个用于打包 Library 的 Vite 插件,可以帮助你更方便地打包和发布你的库。 是一个 Vite 插件,它提供了一些额外的功能和配置,特别适用于构建 Library。它可以帮助你生成不同格式的库文件,如 ES Module (ESM)、CommonJS (CJS) 和 UMD,以

文章图片
#前端
uniapp动态禁用mescroll-body组件的下拉刷新,或者动态禁用mescroll-body组件的上拉加载

uniapp项目中经常会用到上拉加载和下拉刷新,但是,有时候页面的遮罩层出现了,这时候手还没离开屏幕,或者鼠标长按着,此时拖动屏幕往下滑就会发现屏幕中的mescroll-body被触发下拉刷新了,此时就需要动态的控制mescroll-body组件的是否开启下拉刷新或者上拉加载.完整文档:http://www.mescroll.com/uni.html#load。我是通过别的页面触发事件来禁用的,所

文章图片
#uni-app
uni-app开启gzip配置

【代码】uni-app开启gzip配置。

文章图片
#uni-app
uniapp真机调试,添加vconsole

Uniapp开发h5的过程中,经常项目是嵌入app的,然后有些bug就是在电脑上调试无误,但是嵌入后产生的问题,这时候作为前端就真的很想疯狂打印,找出错误. 推荐使用:vconsole。不用的时候注释就行了。

文章图片
#uni-app#前端
    共 11 条
  • 1
  • 2
  • 请选择