笔记
代码笔记
KeloOne
记录代码
展开
-
微信小程序隐私协议弹窗
组件:privacy-popup。原创 2023-09-23 10:26:44 · 321 阅读 · 0 评论 -
使用nuxt对h5官网实现静态化处理seo,generate打包路由动态参数传参
静态化处理是指将动态生成的网页内容转化为静态的HTML文件,以提高网站性能和访问速度。通常情况下,动态网页是通过服务器端脚本语言(如PHP、ASP、JSP等)生成的,每次用户访问都需要服务器进行处理和生成页面。而静态网页则是事先生成好并保存在服务器上的HTML文件,用户访问时直接获取这些静态文件,无需服务器再进行处理。通过静态化处理可以减轻服务器的负载,并提供更快的响应速度和更好的用户体验。同时,静态化的网页也更易于缓存和分发,能够更好地应对高并发的请求。原创 2023-09-21 09:45:00 · 909 阅读 · 0 评论 -
将一维数组转为三维数组,html引入swiper并且自定义左右切换按钮
在head中引入swiper的css和js。原创 2023-09-20 10:30:43 · 379 阅读 · 0 评论 -
canvas将新图像绘制到已有的图像上实现类似水印功能
元素本身并没有绘制能力(它仅仅是图形的容器) - 您必须使用脚本来完成实际的绘图任务。方法可返回一个对象,该对象提供了用于在画布上绘图的方法和属性。标签用于绘制图像(通过脚本,通常是 JavaScript)。原创 2023-05-25 11:15:28 · 276 阅读 · 0 评论 -
element-plus修改select下拉选择框样式
【代码】element-plus修改select下拉选择框样式。原创 2023-04-17 10:53:58 · 1169 阅读 · 0 评论 -
将一维数组转化成二维实现右侧弹窗样式
如图所示,这个弹窗的数据有三级,其中一级很好做,难在二级和三级,需要控制三级的样式相对于二级动态展示,点击二级,三级的div盒子宽度没办法显示一整行,只能展示那一列。所以最后实现效果需要根据二级进行绝对定位,由于绝对定位,三级盒子不占位,位置根据当前的选中行来计算,当前选中行的下一行设置一个margin top,然后margintop的高度动态获取。原创 2023-04-17 10:43:06 · 121 阅读 · 0 评论 -
vue3使用element-plus的Autodcomplete接入百度地图地址模糊搜索
首先要去百度地图官方申请ak,这个步骤略过。toSearch这个方法很重要,所有返回的地址信息都通过这里面的cb(一个地址数组)展示出来,如果需要经纬度和其他的数据信息,可以通过handleSelect这个方法来获取,baiduApiPoint这个方法主要是调用百度api,根据传入的path(城市)和form.cityName(输入框的内容)生成一个地址数组。原创 2023-03-18 09:28:23 · 1001 阅读 · 0 评论 -
vue3+element-plus实现表格多选功能(可以清除选项或分页保留选项)
如图所示,在实际开发中,数据量大的表格基本都添加上了分页功能,每个页面请求的数据回交换更新,第一页的选中效果在跳转至第二页后,如果没有做相关处理,选中项会被清空,具体解决方法如下。至此,即使来回切换页面,也无法清除上次选中情况。原创 2023-03-03 15:29:00 · 6289 阅读 · 1 评论 -
uniapp实现村组数据多级联动
下面是最主要的数据处理事件,由于村组的数据是在一个接口中,只是根据pid展示村组的数据,传0返村的数据,传1返组的数据,我把事件单独抽取了出来,因为在后面的弹出组件回调事件中能用到。选择了村的数据才会有组的数据,下面为接口的返回格式。原创 2022-11-30 22:46:21 · 1408 阅读 · 2 评论 -
uniapp用html2canvas将图片和文字部分截取 保存到本地相册
或者直接去官网下载文件引入 我这里是直接下载的官网文件。不可以直接操作DOM,所以要新建一个。原创 2022-10-30 09:45:00 · 1162 阅读 · 1 评论 -
uniapp使用uni.createInnerAudioContext()播放指定音频并且切换
uniapp使用uni.createInnerAudioContext()是无法多音频播放的 如果我们想同时播放 加上ambient(不中止其他声音播放,不能后台播放,静音后无声音)这个属性,我做的这个是用uniapp开发的一个安卓端的壳包,正常h5用MP3,WMA或者MPEG等格式的音频都是可以的,但在安卓端手机测试需要使用MP3格式的音频,否则会没有声音。这是methods中的点击事件 点击播放和暂停。这是我随便写的样式 点击对应文字切换。原创 2022-10-28 22:35:45 · 6354 阅读 · 0 评论 -
uniapp实现视频上下滑动功能
一开始是拿到所有视频的数据,根据点击的当前视频对象中的id获得swiper需要的current(就是当前下标),正确定位到当前点击的视频,然后自己去控制自动播放视频。问题遇到的最主要的问题就是当我使用官方的autoplay属性实现自动播放,会导致我切换下一个视频的时候出现声音播放还停留在上一个视频,或者多个视频的声音同时播放。注意这个地方是没有手动关闭的,所以就肯定会导致我上面所说的那种画面变了但是声音还停留在上一个视频的问题。这是最主要的swiper的两个事件。............原创 2022-07-15 17:43:31 · 4797 阅读 · 2 评论 -
uniapp 禁止textarea/input输入表情
uniapp 禁止textarea/input输入表情原创 2022-07-04 14:50:35 · 1831 阅读 · 0 评论