- 博客(88)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 uniapp写的h5跳转小程序
id: 'xxx‘,//原生小程序id gh打头的。我们对接第三方支付的时候，对方只提供了原生小程序id和appid，由我们的app和h5平台跳转至小程序。需要去微信开放平台申请应用appid。具体我这边的实现方式如下。
2025-02-25 22:31:30
583
原创 js的一些处理
第一种办法是我自己写的确实不太好，重复了就让他在重新在随机一次，太过于简单粗暴了，存在很多次相同的情况。let str = 'name=Jack&age=18&gender=男'因此想到了我之前写的截取字符串获取参数跳转，在写一遍。3.获取页面url的query参数。
2025-01-03 18:15:41
532
原创 canvas保存图片
一进来就加载，通过监听元素显示，用于控制canvas的宽高，从而达到隐藏的效果。需求：上面有几个按钮，其中有一个切换是图片。用v-if会导致图片加载慢。组件dowolad.vue。
2024-12-13 10:40:12
266
原创 利用grid布局实现块状
grid-column-start 那一列开始。grid-column-end 那一列结束。grid-row-start从哪一行开始。grid-row-end 那一列结束。
2024-12-10 11:12:47
180
原创 瀑布流实现uniapp，适用与微信小程序
优化：通过对象应该是会更加方便的。但是对象不知道为什么值没有改变，暂时也不细究了。思路：通过数组的方式。这个地方需要改一下，要不然会导致下拉刷新不出来。
2024-12-10 11:05:25
1217
1
原创 小程序自定义顶部组件uniapp
/ 计算胶囊(包括右边距)占据屏幕的总宽度：屏幕宽度-胶囊左边界坐标。// 微信小程序右上角的胶囊菜单宽度。// 默认状态栏高度。// 获取胶囊左边界坐标。
2024-12-10 10:47:16
611
原创 滑动一整屏
比如我们在第二屏幕的时候，每次改变的时候我会动态生成一个数组，并且滑动的时候，是会改变其页数的，因此我可以根据页数和高度数组进而来改变其top值。我们需通过onresize缩放来监听当前的可视窗口的高度。并且每次把当前窗口的值修改到显示区域，同时top值也需进行修改。开始时间为当前时间，结束时间为事件结束以后当时间，若是差值为负数到一定区间，即可判断为向上滑动，否则为向下滑动。根据onmousewheel滚轮事件即可判断,2.根据动态设置top属性即可进行翻页。1.首先我们需获取可视区域的高度。
2024-02-01 16:13:00
615
原创 首页图片自适应宣传海报
因此我说那就弄图片把，我真的绑不住了。我也不清楚怎么想的，有设计也不让设计处理图片，告诉我以后图片可能会奇奇怪怪的宽高比。1.首先判断图片的宽度是否超过可视区域的宽度，若是超过了，那么当前图片实际宽度就为可视区域的宽度，根据比值算出实际显示的图片高度，若是实际显示图片大于最大可视区域的高度，那么就要计算当前图片显示的高度为最大可视区域的高度。2.若是图片的宽度不超过可视区域的宽度，那么显示的图片宽度为可视区域宽度，若是图片的高度大于可视区域高度，就图片显示高度为可视区域高度，根据比值算出图片显示的高度。
2024-01-27 16:53:03
329
转载 nvm切换node版本
如：nvm install 16.20.0。执行下方命令，出现常用版本号即安装成功。百度网盘下载地址：提取码npus。nvm install 版本号。2.点击下一步直接安装即可。
2023-12-26 23:52:12
132
原创 关于打包css找不到报错
</style> 子组件B，C，D<style lang="scss" scoped></style>，这个时候就就会出现上诉错误了。解决办法，所有的组件及其父组件都使用<style lang="scss" scoped>
2023-11-02 10:22:44
643
原创 uniapp自定义播放器
问题描述：我是真无语啊，就是有一个目录切换的地方，然后切换音频，结果你猜怎么着，嘿，音频他不播放了。也就是下面这个方法都不进去了打印的时候，音频播放都播放不了了，我尝试了销毁在播也不行。然后我寻思着，我写代码相同的我也喜欢return出去，会不会是这个原因，结果抱着试一试的态度，好家伙，真这样。一般测试阶段才会出现，我觉得正式用，人家也不会放两个相同的视频在一个课程里面把，并且呢，这个在h5是好的，小程序才会出现。目前呢，这个播放器还没有做拖动的。recourd.vue 子组件。
2023-09-21 15:24:19
635
原创 vite图片处理
踩坑点：之前在webpack中引用方式是require，后面我就一直想用require插件，然后就在网上查到了下面的方法，就是这个导致打包速度很久，后来我想了想，webpack和vite的编译方式都不一样啊，嗯，这不强扭的瓜不甜。后来我就用了vite内部的import.meta.globEager，写了一个getImgSrc方法，通过inject引入。
2023-07-03 11:57:45
735
原创 结合uview实现倒计时
假设接口是20分钟以后倒计时结束，下面就算出了都是秒的时候倒计时结束了。实现场景：试卷答题，点击开始考试，出现倒计时，刷新倒计时就没有了。关键点在于进来以后获取当前时间计算出结束时间。结束时间减去当前时间，就算出了时间差毫秒数。uview组件的使用办法。下面是是实现代码相关逻辑。
2023-06-27 16:49:43
926
原创 最近码云拉取提交的时候报错
报错：update_ref failed for ref 'refs/remotes/origin/master': cannot lock ref 'ref。
2023-02-28 09:16:54
184
原创 iview框架menu菜单展开的问题
meta: { title: "测试一号", icon: "md-copy" },meta: { title: "测试二号", icon: "md-copy" },title: "测试分类一号",title: "测试分类一号",title: "测试分类一号",bug：测试一切都很顺利，但是用到实际中确无法展开。解决办法：只需要在模板中添加一个v-if即可解决。原因：渲染数据的时候页面还未渲染完成。当数据出现的时候才开始渲染即可。...
2022-08-30 10:57:56
1047
原创 仿照element plus写的一个tab选项卡
现在实在没时间优化了，催进度了。，记录一下方便下次copy优化。目前只是实现了表面的功能，实际上很多东西都没有实现，后期有时间在优化。
2022-07-15 15:20:29
537
原创 vue3+高德地图
参考文档入门文档 https://lbs.amap.com/api/jsapi-v2/guide/webcli/map-vue1api文档 参考手册-地图 JS API v2.0 | 高德地图API官方示例 多边形的绘制-矢量图形-示例中心-JS API 2.0 示例 | 高德地图API未解决问题：点击的时候缩放卡顿未完成代码......
2022-07-14 10:21:13
1291
转载 scss的一些高阶函数
参考这篇文章Sass中的Map 详解 - 走看看 (zoukankan.com)Sass-语法小抄【简洁！易懂！好上手！】 - 知乎 (zhihu.com)Vue3 Element-Plus 动态更换主题简单实现 - 掘金 (juejin.cn)map-merge
2022-06-16 23:49:36
881
转载 element plus 轮播图第一页数据不显示问题
参考网址element-plus 使用 el-carousel 跑马灯默认第一页不显示_前端老实人的博客-优快云博客_element plus 走马灯关键代码 ：在data里面定义一个初始化数据即可，里面要有长度banner:[{}],<template> <div class="content__wrap"> <div class="swiper"> <el-carousel height="420px"> .
2022-05-20 14:25:03
1230
原创 elment plus form表单使用出现的bug
问题：验证调用validateApi的时候一直验证不通过bug原因：上面这两个名字一定要一样啊体会：要看清楚文档啊，人麻了，一个小时就搞了这。。。。。顺便写写他的用法，方便以后用到吧1.form绑定model是对象，rules是规则集合，formRef用于验证提交<el-formref="formRef"class="demo-form":label-position="labelPositio...
2022-05-16 20:09:55
338
转载 element plus图标循环渲染的问题
查阅到的博客：elementui plus 图标循环加载_Terint的博客-优快云博客源数据navBarList:[{id:1,title:"首页",icon:"home-filled"},{id:2,title:"用户管理",icon:"avatar"},{id:3,title:"店铺管理",icon:"platform"},{id:4,title:"套餐与应用...
2022-05-06 11:58:04
1042
原创 微信小程序拖拽组件
主要就是两个属性给movable-area加上pointer-events: none，给movable-view加上pointer-events: auto参考下面的社区movable-area导致下面的内容无法点击怎么解决 | 微信开放社区 (qq.com)<style lang="scss"> @import "../../css/main"; .moveFather{ width: calc(100% - 112rpx);
2022-03-04 13:45:35
769
原创 uniapp请求的封装
configConstant.jsconst BASE_URL_LOCAL = "http://192.168.5.17";//本地环境const BASE_URL_DEVELOPMENT = "https://qa.qugaiba.com"; //测试(以实际开发api文档为准)const BASE_URL_PRODUCTION = "https://qugaiba.com"; //正式服(以实际开发api文档为准)const LOGINAPI = "/qugai/api2/v1/login
2022-02-24 16:07:40
3595
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人