SF
兔子先森的博客
兔子先森的博客
注册登录
关注博客
注册登录
主页
关于
RSS
uniapp-vue3-h5请求跨域问题
兔子先森
6 月 4 日
阅读 2 分钟
249
正确配置在根目录新建一个vite.config.js文件 {代码...} 然后通过uniapp.request请求即可,记住baseurl要跟'/api'匹配。错误配置网上很多写法都是错误的,我在这里例举几个:1、在根目录新建vue.config.js文件 {代码...} 在vue3+h5版本无效2、在mainfest.json文件中配置跨域代理 {代码...} 亲测无效,配置后依旧提示404跨域
解决移动端设备hover样式不消失问题
兔子先森
6 月 3 日
阅读 1 分钟
221
下面是一段scss示例: {代码...} 1、使用@media媒体查询,支持hover事件的设备才会生效2、解决焦点和活动状态问题,移动端使用active,PC端使用hover
css元素高度占满余下空间
兔子先森
6 月 2 日
阅读 2 分钟
307
在css中,div的宽度默认独占一行,而高度需要手动设置。上面的布局,box 高度 300box1的高度未知,可能是100,可能是50box2的高度如何占满余下空间?如果box1高度为 100,那么box2高度应该是200,且不会受box2内部元素的高度影响。如果box1高度为100且margin-bottom: 10px,那么box2高度应该为 190px。如果box2上面有n个...
图片的展现方式-缩放模式
兔子先森
5 月 30 日
阅读 1 分钟
255
在移动端的设备中,一般都要求将图片完全展示,且等比缩放。uniapp有几种缩放模式:1、保持纵横比缩放图片,使图片的长边能完全显示出来。2、保持纵横比缩放图片,只保证图片的短边能完全显示出来。3、不保持比例完全铺满4、宽度不变,高度自动变化,保持原图宽高比不变5、高度不变,宽度自动变化,保持原图宽高比不变在...
flex布局的滚动问题
兔子先森
5 月 29 日
阅读 2 分钟
293
{代码...} {代码...} 若flex布局想要某一区域横向滚动,父级一定要加上overflow,hidden或auto都可以。若父级没加overflow,可能会出现溢出的问题: {代码...}
Echarts的容器自适应resize
兔子先森
5 月 27 日
阅读 3 分钟
325
主要是通过Echarts的resize函数来更新图表大小 {代码...} 如果你是一个可视化页面,可能内部有多个图表组件,可以通过驱动组件内事件,来实现批量图表更新 {代码...} 参考:响应容器大小的变化
uniapp微信小程序版本更新自动提示
兔子先森
5 月 26 日
阅读 2 分钟
292
在app页面的onShow中使用:具体步骤如下:1、获取全局唯一的版本更新管理器对象2、请求新版本信息3、新版本下载,下载完后区分下载完成或下载失败4、下载完成:调用 applyUpdate 应用新版本并重启5、下载失败:提示用户手动更新
echarts柱状图隔柱换色
兔子先森
5 月 25 日
阅读 5 分钟
407
在series中的itemStyle中定义隔柱换色 {代码...} 各省数据图,完整代码: {代码...}
如何微信小程序可用的npm包?
兔子先森
5 月 24 日
阅读 2 分钟
341
创建文件夹,比如:dc-vant-form -> src你的组件应该在src文件夹下,比如是表单组件,那么可以在src文件夹下创建dc-vant-form文件夹,将组件放入dc-vant-form文件夹下,最终生成的文件夹是这样的在发布npm之前,要将本地npm镜像源切换到npm
uniapp聊天界面滚动条自动置底
兔子先森
5 月 23 日
阅读 2 分钟
394
scroll-into-view实现很简单, 只需要设置锚点即可,每次发送滚动到最后一个锚点 {代码...} {代码...} 注意:scroll-into-view绑定的key不能以数字开头,所以这里在开头拼接了一个"item"字符串scroll-top实现你也可以使用scroll-top属性来实现,不过scroll-top需要计算滚动高度,可能复杂点 {代码...} {代码...} 当然上...
去掉uniapp button 的边框,默认样式
兔子先森
5 月 22 日
阅读 1 分钟
298
{代码...} 通过样式修改时无效的,例如:border: none,要通过伪类去掉 {代码...}
uniapp隐私协议组件
兔子先森
5 月 21 日
阅读 4 分钟
404
这里用到了uv-ui的组件:uv-popup组件弹出时,隐藏底部tabbar,组件关闭时,底部tabbat显示用户隐私协议这里配置可跳转页面点击允许时获取用户手机号,并通过getPhoneNumber事件向外传递参数
vue3组件跨层级数据传递provide/inject
兔子先森
5 月 20 日
阅读 4 分钟
730
在开始前先声明一下, 本片文章大部分都为AI生成,我本地实际操作验证了一下,基本一致,由于AI讲的太详细且具体了,所以我在这里根据实际情况,将重要的内容总结提炼一下,保证大家看完后能够快速理解和上手。
uniapp动态设置tabbar
兔子先森
5 月 19 日
阅读 1 分钟
473
tabbar的下标从0开始,上述代码则标识tabbar下标为1的项隐藏另外,你可以通过uni.setTabBarStyle()动态设置tabbar的样式为 tabBar 某一项的右上角添加文本:uni.setTabBarBadge()
uni-app返回上一页面并携带参数
兔子先森
5 月 18 日
阅读 1 分钟
409
自 HBuilderX 2.0.0 起支持 uni.$emit、 uni.$on 、 uni.$once 、uni.$off ,可以方便的进行页面的通讯 ,触发的事件都是 App 全局级别的,跨任意组件,页面,nvue,vue 等。调用uni.$on事件后要记得移除事件,或者直接使用 uni.$once 只调用一次,用完会自动移除事件,否则第二次返回时,会监听两次,第三次会监听三次...
uniapp获取运行平台
兔子先森
5 月 17 日
阅读 1 分钟
444
文档:uni.getSystemInfoSync通过getSystemInfo异步获取系统信息通过getSystemInfoSync同步获取系统信息这里返回的uniPlatform表示运行的平台,如果是App运行则返回'app',如果是H5运行则返回'web',如果是微信小程序运行,则返回'微信小程序'详情如下:
vue3组件传值v-model的双向数据绑定
兔子先森
5 月 16 日
阅读 3 分钟
438
通过toRefs解构defineProps内的modelValue,这样子组件的表单就可以直接使用modelValue了子组件内点击搜索按钮,此时通过update:modelValue事件回传改值
vant组件省市区三级联动下拉
兔子先森
5 月 15 日
阅读 3 分钟
332
环境:原生微信小程序组件:u-pickerui库为uView2view需要用v-if清除组件,否则二次打开picker的位置会乱。 {代码...} 页面使用 {代码...}
动态tabbar后的tabbar高度获取
兔子先森
5 月 14 日
阅读 1 分钟
361
用于做底部悬浮定位,悬浮在tabbar上在设置tabbar的组件中获取,利用组件生命周期,获取tabbar高度,将高度存到本地,用于全局获取
H5分类列表锚点滚动
兔子先森
5 月 13 日
阅读 13 分钟
749
在一个实际场景里,通常是父级盒子内部套了一个子元素列表,父级盒子有一个指定高度,子元素高度超过父级盒子时,子元素在父元素内部滚动。在布局方面,左侧和右侧没有任何关联,左侧仅仅只是分类列表,右侧仅仅只是分类详情列表,根据这个可以得出如下布局:点击左侧分类的时候,通过事件,获取右侧分类锚点,然后给右...
uni.navigateTo跳转带参的参数大小限制
兔子先森
5 月 12 日
阅读 1 分钟
359
通过encodeURIComponent来增大跳转携带的参数大小,decodeURIComponent解析参数跳转参数只能是字符串,通过JSON.stringify转换跳转页
npx tailwindcss init报错问题解决
兔子先森
5 月 11 日
阅读 1 分钟
768
错误信息如下:这是因为tailwindcss版本与postcss版本兼容问题导致的,只需要降级tailwindcss即可解决 {代码...} 再次执行 {代码...} 成功初始化
前端常用工具函数-2
兔子先森
5 月 11 日
阅读 11 分钟
469
a = [1,3,4,2,5] / b = [2,3]预期结果:[1,4,5]这里要用到倒叙删除,因为数组的length是动态的,在循环中正序删除会导致下标不准。
前端常用的工具函数
兔子先森
5 月 10 日
阅读 6 分钟
500
驼峰转小写下划线 {代码...} 划线命名转小驼峰 {代码...} 生成随机Hex颜色 {代码...} {代码...} 判断变量数据类型 {代码...} 深拷贝 {代码...} 保留指定的小数位数 {代码...} 字符串转时间戳 {代码...} 时间戳转 年月日时分秒 {代码...} 获取当月第一天、当前天、最后一天 {代码...} 数组去重 {代码...} 数组对象去重原...
前端根据URL批量下载成zip文件
兔子先森
5 月 9 日
阅读 3 分钟
463
批量下载并压缩输入一个文件列表fileArr,每个文件包含文件名fvName和fvUrl。自动为文件名添加正确扩展名,从URL截取后缀,例如:{ fvName: "image", fvUrl: "example.com/image.jpg" }转换为image.jpg。使用多线程并发下载所有文件,通过Promise.all确保所有文件下载完成后统一打包。
调用后台接口实现Excel导出功能以及导出乱码问题解决
兔子先森
5 月 8 日
阅读 2 分钟
413
接口返回数据导出,通常需要请求后端接口获取数据,接口返回的数据基本上是乱码的,需要先处理乱码的数据,否则导出来的文件是数据流格式的,如下看到这种返回信息,表格数据基本上是已经拿到了,现在只需要做一下数据的处理即可导出表格。
前端常用正则
兔子先森
5 月 7 日
阅读 2 分钟
438
去除html标签 {代码...} http转https {代码...} 手机号码 {代码...} 邮箱 {代码...} 6位数字验证码正则 {代码...} 4位数字验证码正则 {代码...} 16进颜色值 {代码...} 只能是中文 {代码...} 只能是英文 {代码...} 登录注册-密码 6-16位大小写字母、数字的js正则 {代码...} 座机号码 {代码...} 身份证-可校验末尾X {代码...}
pdf测试链接
兔子先森
5 月 6 日
阅读 1 分钟
468
《git使用指南》pdf文件,可用于开发调试 {代码...} 该链接没有限制,可直接访问并下载,可用于下载、预览、上传等文件操作的调试。
前端文字复制剪贴板
兔子先森
5 月 6 日
阅读 1 分钟
316
开始 {代码...} 主要逻辑在utils文件夹下新建clipboard.js文件 {代码...} 页面使用页面 {代码...} 页面的script部分 {代码...}
根据url获取视频或音频时长
兔子先森
5 月 5 日
阅读 2 分钟
331
根据url获取音频/视频文件的时长,原理是通过创建一个隐藏的音频元素,加载指定链接的媒体文件。当浏览器获取到文件的基本信息后,会在得到视频/音频的时长,以秒为单位。
1
(current)
2
3
4
5
…
More
下一页
1
(current)
下一页