- 博客(86)
- 收藏
- 关注
RSS订阅原创 使用git命令提交代码
最近电脑卡的不行，vscode加载不出来修改的文件和暂存的文件了只能使用git命令进行提代码了首先你要明确知道哪些文件是需要提交的使用 以下命令暂存全部修改的文件 git add . 使用以下命令提交代码git commit -m 'xxx修改'在提交git push 如果再push之前，想要撤销提交，则可以使用git reset --soft HEA...
2024-09-03 14:41:00
245
原创 element中表格合并单元格
最近要写一个如下图的项目，需要合并单元格<el-table :data="list" border style="width: 1000px;" :span-method="objectSpanMethod"> <el-table-column align="center" prop="frist_name" :label="list[0].specName" &...
2024-08-29 09:36:00
507
1
原创 gitee代码版本回退
有时候提交上线代码的时候会提错，那么将代码回复到以前的版本呢首先使用,获取提交记录git log 第二步，回退代码，回退成功后，正常暂存和提交就行git revert 提交记录id...
2024-05-29 17:37:00
286
原创 uni中view标签不换行的问题
最近要展示外链地址的url地址，但是在页面上溢出了，影响美观，使用flex也不能解决。后来发现flex在uni中不生效。解决方法：word-break:break-all;
2024-04-19 09:18:00
360
原创 vue批量上传图片并编辑图片名称
在写一个批量上传图片的功能直接看代码吧， <el-upload class="avatar-uploader" multiple :action="上传接口" :headers="请求头，可根据自己情况配置" :show-file-list="false" :on-success="handleAvatarSuccess"> <el-button st...
2024-01-25 10:13:00
626
1
原创 在vue中前端自己写分页
在写一个批量上传图片的功能，需要对每一个上传的图片改写文件名并上传。因此需要查看每一张图片的信息。图片过多，就需要使用分页来展示数据了，下边是部分代码 <el-pagination @current-change="handleCurrentChange" :current-page="page" :page-size="limit" layout="total, prev, p...
2024-01-25 09:58:00
476
原创 el-table中嵌入el-input无法编辑数据的问题
最近在写一个在表格中修改表格数据的需求。正常在表格中嵌套el-input，但是无法编辑保存数据。后来发现是数据其实保存了，但是页面上没有更新。通过以下方法得以解决以下是部分代码，有需要可以自己补全 <el-table-column label="图片名称" align='center'> <template slot-scope="scope"> ...
2024-01-25 09:50:00
782
原创 vscode中同一页面使用批量替换
在vscode中像word中那样批量替换首先搜索要替换的内容快捷键是ctrl+f然后输入你要搜索的内容第二个框中输入你要替换成的内容点击全部替换，就可以了...
2023-09-14 16:47:00
868
原创 使用element-ui中的el-table回显已选中数据时toggleRowSelection报错
最近在写一个后台，需要在表格中多选，然后点击编辑按钮的时候，需要回显已经选中的表单项<el-table v-loading="loading" :data="discountList" :row-key="(row) => row.id" ref='multipleTable' @selection-change="handleSelectionChange"> ...
2023-08-30 17:39:00
1200
原创 el-date-picker日期选择框偏移的问题
写表单的时候经常会用到el-date-picker组件，但是时间选择框会偏移位置，这时候只需要在日期选择中添加key就可以了如下<el-date-picker popper-class="elDatePicker" size="small" v-model="obj.date_start" type="datetime" placeholder="选择时间" ...
2023-08-30 14:30:00
811
原创 关于element-ui中的el-drawer每弹出一次，其z-index就要自增1
最近在写一个vue的后台项目，用到了el-drawer，在el-drawer中还嵌套了el-dialog和el-table然后有时候会发现内嵌的el-dialog会消失不见，就是第一次点击，正常弹出，第二次正常弹出，第三次就不见了，后来发现是被el-drawer盖住了。于是开始找z-index的原因，发现每次点击，el-drawer的z-index值会依次变大。那么想要弹框每次正常弹出，就需...
2023-08-30 14:26:00
1629
原创 在html中使用vConsole
在vue中可以自行安装vConsole，那么移动端怎么办呢 <script src="https://cdn.bootcss.com/vConsole/3.3.4/vconsole.min.js"></script> <script> var vConsole = new VConsole(); console...
2023-07-06 15:22:00
811
原创 ios系统微信浏览器打开H5,调用接口status = 0失败的问题？
最近写了一个很简单的小项目，以为不会有什么问题，今天突然说出问题了，说ios用户打开没有请求到数据。经测试，安卓，pc,都没有问题，只有ios出问题了。因为这次的涉及到时间，我以为ios时间处理上出问题了，仔细看了看，并不是，于是开启了漫长的寻找bug的过程。使用vConsole查看接口请求情况，发现根本就没有走这个接口，并且返回的status值是0.相当于是接口根本没跑。查了相关资料，...
2023-07-06 15:20:00
1510
1
原创 浏览器中跑定时器跑着跑着就慢了（离开当前页面，再次进来后时间会慢一点）...
最近再写一个考试系统，到点交卷，在手机上跑定时器是没问题的，在浏览器上跑的时候，一离开页面(指切换标签页)，再次回来时间就会慢很多关于浏览器变慢的原因是，当离开当前页面时，cpu检测到你不在当前页面，为了节省资源，会放慢浏览器的时间。导致进入页面，时间变慢。有没有解决办法呢，当然是有的，如果我们可以监听进出页面，那么我们进入页面的时候，重启定时器，即修正时间，那么就不会有问题了 docu...
2023-06-05 09:37:00
530
原创 vue中解析转义字符
最近在写一个后台，后台需要展示富文本的内容，按理说使用v-htmll标签就可以，但是当我使用后，却发现页面展示的依旧是html标签，这时我仔细看了一下返回的富文本内容，发现里边包含了展示转义字符<p style="line-height:150%"><span style=";font-famil...
2023-05-12 08:44:00
2043
原创 uni中使用轮播图
最近在写一个类似于滚动弹幕，使用纯css，效果有点假，不太真实因此想起来uni中有轮播图，可以直接使用 <swiper class="swiper" style="height:90rpx;" circular vertical="true" :autoplay="true" :interval="3000" :duration="1000"> <swiper-...
2023-04-17 17:32:00
226
原创 css实现艺术字
最近在写一个新的小活动，本来有涉及艺术字的标题，本来是想用图片展示的，后来面向百度编程的时候，发现可以使用css来实现效果及代码如下 font-size: 60rpx; color: #fff; text-shadow: 0 0 5px #FF0200, 0 0 10px #727272; text-align: center; margin: 30r...
2023-04-17 17:28:00
2494
原创 uni-app中左滑右滑页面
在H5项目中有时候会遇到左滑右滑的问题，左滑去上一个页面，右滑去下一个页面通过以下代码即可实现<view @touchstart="touchStart" @touchend="touchEnd"></view> 下边是js touchStart(e){ if (e.touches.length == 1) { this.star...
2023-03-25 13:48:00
1329
原创 element中el-secect下拉框乱飞不在自己位置上
使用element写后台的时候，经常遇到要写下拉框，有时候需要连续好几个弹框，就会导致下拉框内容乱飞为此亲测以下方法可以修改这个问题 <el-select v-model="subject" placeholder="请选择专业" :popper-append-to-body='false'> <el-option v-for="item in subjectList...
2023-03-23 10:50:00
785
原创 使用uni-app写小程序，解析含有html标签的富文本
最近在改一个项目，将html+js+css的项目改成小程序，我说使用的uni来写的，其中遇到一个问题，就是需要解析富文本，在vue中可以直接使用v-html，但是小程序中的标签都是view，text以及image等，该怎么办呢于是在uni官网找到插件u-parse<u-parse :content='dangquestion.question' className='texttit...
2023-03-23 10:45:00
3581
原创 根据当前时间计算倒计时，在列表中计算倒计时
最近在写一个类似拼夕夕拼团的活动，就几个人付相同的钱，即可成团。这就需要一个倒计时，来计算活动结束时间代码如下： var that = this; var h,m,s,t; var leftTime =that.classInfo.countdown; //这个时间是倒计时的毫秒数，我这里是由后台返的，也可自行计算(既...
2023-03-20 09:51:00
416
原创 小程序长按保存图片
小程序长按图片弹出菜单保存图片<image show-menu-by-longpress="true" class="codes" src='/static/img/code.png' mode="aspectFill"></image> 添加以上属性，既可以长按图片保存图片...
2023-03-06 09:38:00
349
原创 阿里云回放监听当前视频播放完，开始播放下一个视频
最近要写一个自动播放下一集的功能：前提是：当前页面是一个列表，播放完一个，在播放下一个 var player = new Aliplayer({ id: 'MPSplayer', width: that.screenWidth - Number(width), height: that.screenHeight, aut...
2023-02-15 09:54:00
584
1
原创 在微信小程序中使用uni-app预览pdf文件
在之前的项目中，有一个是需要使用在H5中预览pdf文件，当时使用了hybrid来预览，现在是需要一套程序，两处使用，因此下边将会展示小程序中预览文件// #ifdef MP */ 是区分运行的环境，在小程序中可使用如下方法 uni.downloadFile({ url: item.link,//文件地址 success: funct...
2023-02-08 14:57:00
790
原创 vue3项目开源项目运行报错::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instea...
今天找了一个vue3.0开源项目，在运行的时候npm i报错使用了npm i --legacy-peer-deps根据以上安装依赖成功在运行的时候有报错::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead.原因是：的vue3.0 单文件规范::v-deep...
2023-01-10 14:44:00
1040
原创 纯css写滚动的弹幕特效
最近在写一个春节活动，里面有一个类似拼多多展示中奖用户的弹幕滚动。后台给了随机滚动将近一百条数据，之前写过一版，是使用定位，将数据顶上去，但是一秒一动的效果略略有些卡顿。后来决定使用css动画来实现先来上代码吧<view class="chat"> <view class="chatInfo" v-for="(item,i) in chatArr" :ke...
2023-01-10 14:01:00
669
1
原创 uni-app中使用锚点定位
.toTop{ position: fixed; z-index: 2; left: 40rpx; bottom: 40vw; width: 100rpx; height:100rpx;}之前有一个项目，是需要点击图片，跳转到相应板块。我一想，这不是锚点吗，具体使用如下 <view class='parts'> ...
2022-12-09 15:56:00
1065
1
原创 单击事件与双击事件冲突的解决
有一次要在一个元素上进行单击和双击，但是双击的时候会触发两次单击事件<p @click='golick()' @dblclick="toDbClick()">点击</p> 下边是执行方法golick(){ clearTimeout(this.timer); this.timer=setT...
2022-10-26 11:50:00
618
原创 el-table中单击选中单元格，再次点击可取消选中，并支持多选
这次的需求中还要求单击选中单元格，再次点击可取消选中，并且支持多选其中用到的数据结构同上一篇文章一致，我就不在贴代码了博客园地址：https://www.cnblogs.com/bingchenzhilu/p/16827461.html<el-table v-loading="loading" :data="assistlist.lists" @cell-click="gocl...
2022-10-26 11:41:00
1964
3
原创 element中使用el-table可任意拖拽单元格到指定位置
最近在写一个排课系统，有些前台交互，还是挺有意思的el-table中有拖拽整行的方法，但是拖拽单元格怎么实现呢我这边是这样想的，拖拽获得行索引，通过放下时的位置，可以得到列索引，就可以确定当前移入的位置，进行对列表数据的修改由于项目需要，我的表头是自己生成的格式大致如下：weekArr=[ { date...
2022-10-26 10:38:00
3088
原创 uni-popup中监听遮罩层关闭的方法
在uni-app中，有个很好用的组件uni-popup点击遮罩层，会自动关闭，但是有时候不想让他自动关闭，或者想要监听关闭事件点击不可关闭 <uni-popup ref="popup1" type="bottom" :maskClick='false' > </uni-popup>点击关闭，同时监听关闭 <uni-popup ref="p...
2022-10-21 16:32:00
5181
原创 element中table多选功能禁止选择某一项
element-ui中的table的多选很好用，但是如果其中某一项禁止选择，该怎样操作呢在官方文档中，有一个这样的属性，可以控制是否禁止选择 <el-table-column type="selection" width="55" :selectable="selectable"></el-table-column>selectable(row,index)...
2022-09-01 11:13:00
5171
原创 从博客园搬家到csdn并能两边同步更新的方法
之前一直在博客园写文章分享，但是文章访问量一直上不去，就想着多个平台刷一下访问量于是选择了csdncsdn是有博客搬家功能https://mp.youkuaiyun.com/mp_blog/tools/move用这个网站里的博客搬家，这个是支持多个平台的，我选择的是博客园根据上图，填好地址，等待工作人员审核即可，一般如果地址没问题的话，几个小时就通过了，然后在一到两天，你就可以看见自己的文章在c...
2022-07-18 09:27:00
945
原创 uni.app中图片同比例缩放
uni.app图片同比例缩放图片同比例缩放是经常用到的，刚开始设置了什么max-width、object-fit都不行，最后才知道uni.app里自带的mode属性可以解决这个问题，真是方便了很多。aspectFill：保持纵横比缩放图片，只保证图片的短边能完全显示出来。也就是说，图片通常只在水平或垂直方向是完整的，另一个方向将会发生截取，长边会截取，不是完整的图片aspectFit：保持纵横比.........
2022-07-12 16:48:00
1941
原创 将博客园搬家到csdn的通知，以后还会同步更新
csdn地址：https://blog.youkuaiyun.com/lll19960406优快云https://blog.youkuaiyun.com/lll19960406博客园https://home.cnblogs.com/u/bingchenzhilu本站
2022-07-12 11:54:00
119
原创 uniapp项目运行出现npx browserslist@latest --update-db
今天运行uni-app项目的时候，出现了npx browserslist@latest --update-db在桌面找到HBuilderX的安装目录, cmd切换到HBuilderX/plugins/uniapp-cli下删除node_modules以及package-lock.json在当前目录执行npm install然后重新启动项目就可以了...
2022-07-10 08:52:00
2684
原创 vue项目引入jquery
有时候想在项目中使用一下jquery，第一步，先安装依赖npm install jquery --save第二步，配置webpack，我这边是vue2.0在build目录下找到webpack.base.conf.js文件随后引入var webpack = require('webpack')在module.exports中暴露以下代码 plugins: [ ...
2022-07-08 15:22:00
777
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人