![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Taro
项目踩坑
Misha韩
这个作者很懒,什么都没留下…
展开
-
小程序如何通过把动态数据值传入到css文件中控制样式
场景:动态改变一个模块的高度。原创 2024-04-12 11:06:20 · 408 阅读 · 0 评论 -
支付宝小程序一次性订阅requestSubscribeMessage授权和操作详解
3、选中选项,勾上保持并点击好的 — 下次调用授权不会弹出弹窗,直接回调,真机调试中,需要右上角设置->消息管理中切换成不接收,下次调用授权才可重新拉起弹窗。2、点击通知默认跳转线上,如需跳转到体验版和开发版,必须在所需的版本上打开右上角联调设置,同扫描二维码跳转到指定版本一样。2、消息通知打开的情况下,授权弹窗点好的或者勾选保持并好的,然后getsetting。3、消息通知打开的情况下,授权弹窗点取消或者勾选保持并取消,然后getsetting。1、消息通知关闭的情况下,getSetting获取状态。原创 2024-03-20 13:58:15 · 1431 阅读 · 0 评论 -
微信小程序一次性订阅requestSubscribeMessage授权和操作详解
2、打开选项开关,勾选总是保持以上选择,点击允许或拒绝 --> 下次调用授权时不会弹出,但是仍然可以接受到requestSubscribeMessage的回调结果(同意or拒绝)注意:**勾选保持并同意或取消,开发工具可以通过清除缓存来再次唤醒弹窗,真机体验版或正式版是不能再次唤醒的,只能通过右上角设置中去手动改变接收或不接收。1、【未授权时】or【 选项打开,允许或拒绝后,再次调取getSetting】,getSetting获取的结果。1、打开选项开关,点击允许或拒绝 --> 下次调用授权时还会弹出。原创 2024-03-13 10:59:40 · 2481 阅读 · 2 评论 -
taro h5 ios解决input不能自动获取焦点拉起键盘
描述:页面中有个按钮,点击跳转到第二个页面(有input),能直接获取焦点拉起键盘输入。原创 2023-11-22 16:50:35 · 1272 阅读 · 0 评论 -
taro h5 点击页面任意地方关闭弹窗组件 --- findDOMNode 判断点击节点是否属于某个组件
场景:如图,弹窗在大组件中,点击小组件显示弹窗,要求点击除弹窗外的任何元素都能关闭弹窗并且能执行元素原有的逻辑。原创 2023-09-05 17:41:52 · 536 阅读 · 0 评论 -
react 父组件调用子组件的方法
【代码】react 父组件待用子组件的方法。原创 2023-09-05 10:55:49 · 155 阅读 · 0 评论 -
taro 支付宝/微信小程序的chooseImage真机和开发工具上的区别
支付宝小程序微信小程序。原创 2023-08-31 13:39:17 · 535 阅读 · 0 评论 -
taro 支付宝/微信小程序/h5 上传 - base64的那些事儿
【代码】taro 支付宝/微信小程序/h5 上传 - base64的那些事儿。原创 2023-08-31 10:05:49 · 1081 阅读 · 0 评论 -
taro react/vue h5 中的上传input onchange 值得区别
【代码】taro react/vue h5 中的上传input onchange 值得区别。原创 2023-08-24 09:45:11 · 775 阅读 · 0 评论 -
react-sortable-hoc 拖拽列表上oncick事件失效
问题:onClick 无效。解决:添加distance。原创 2023-08-23 09:29:14 · 663 阅读 · 1 评论 -
taro h5 formData上传图片的坑-Required request part ‘file‘ is not present
网上很多资料显示,formData上传时不需要设置content-type, 而taro.request默认是设置的content-type=application/json, 就算手动设置了,也不会自动加boundary, 而这个boundary的值怎么算的没有去深究了,最后还是选择的原生…原创 2023-08-21 16:22:18 · 826 阅读 · 0 评论 -
taro h5列表拖拽排序 --- sortablejs 和 react-sortable-hoc
描述:列表,拖拽排序,只测试了h5。原创 2023-08-10 14:05:12 · 1063 阅读 · 1 评论 -
taro Swiper组件--异形滚动
【代码】taro Swiper组件--异形滚动。原创 2023-08-09 14:44:23 · 1036 阅读 · 0 评论 -
小程序之坑 - 可移动/缩放canvas及如何判断canvas点击区域是否在标记的圆圈内
canvas移动,缩放,点击canvas,判断是否在规定圆圈内原创 2022-10-26 14:53:11 · 1326 阅读 · 2 评论 -
自研组件<十九> 自定义picker组件 可以自定义背景/选中高亮文字
可以设置背景和选中文字颜色的picker组件,支付宝小程序和微信小程序有区别原创 2022-10-24 14:31:39 · 2245 阅读 · 2 评论 -
taro 兼容支付宝小程序和微信小程序<七>-- 上传图片及图片转base64
支付宝小程序上传图片及图片转base64原创 2022-10-19 10:28:15 · 779 阅读 · 0 评论 -
taro 兼容支付宝小程序和微信小程序<六>-- 自定义密码或验证码输入框组件的input 自动获取焦点(ios支付宝小程序怎么隐藏input的光标)
支付宝小程序不支持自动获取input焦点,怎么解决自定义密码或验证码输入框的input原创 2022-09-21 16:29:58 · 1982 阅读 · 4 评论 -
自研组件<十七>手势上下滑动弹窗组件
可以手势上下滑动的弹窗原创 2022-09-15 13:42:04 · 412 阅读 · 0 评论 -
小程序之坑 - 蓝牙onBeaconUpdate/罗盘onCompassChange/设备方向onDeviceMotionChange/加速器onAccelerometerChange
信标蓝牙/罗盘/加速器/设备方向原创 2022-09-14 11:29:55 · 746 阅读 · 0 评论 -
taro 兼容支付宝小程序和微信小程序<四> -- 腾讯地图和高德地图api
支付宝小程序和微信小程序分别接入高德地图和腾讯地图原创 2022-09-09 13:57:16 · 2595 阅读 · 0 评论 -
taro 兼容支付宝小程序和微信小程序<二> -- 自定义导航样式计算
支付宝和微信小程序自定义导航计算高度等样式原创 2022-09-05 15:16:21 · 419 阅读 · 0 评论 -
taro 兼容支付宝小程序和微信小程序<一> -- 自定义导航
支付宝和微信小程序的自定义导航的区别原创 2022-09-05 14:21:16 · 995 阅读 · 0 评论 -
taro兼容h5之上传图片及base64转换
项目:taro3+vue3+tarouivue3场景:上传图片,接口中的参数是图片转的base64小程序上传图片1、用chooseImage()获取到临时路径2、把临时路径转成base64小程序转换base64方法1、Taro.getFileSystemManager().readFileSync(临时路径, ‘base64’)2、arrayBufferToBase641不兼容h5, 2文档中说能兼容h5, 但是在这个接口中无效h5上传图片首页想到的是input file方法一&l原创 2022-05-10 17:42:46 · 1514 阅读 · 0 评论 -
taro兼容h5之坑--taroUiVue3组件在h5中不显示
项目:taro3+vue3+taroUiVue3问题描述taroUiVue3组件在浏览器中不显示,如下:解决方法可以按照node_modules/taro-ui-vue3/README.md的步骤1、config文件夹中添加h5-building-script.jsconst path = require('path')const fs = require('fs')const distH5Vue3IndexPath = path.resolve(__dirname, '../node_原创 2022-05-04 14:03:27 · 1836 阅读 · 0 评论 -
小程序ios之坑--倒计时
项目:taro3 +vue3 + tarouivue3描述:列表中item有倒计时,组件AtCountdown倒计时的时间是通过new Date().getTime() - new Date(开始时间).getTime(), 然后去倒计时出现的问题:安卓正常,ios7和ios13 pro正常,但是测试用的ios11, 出现了8小时的差距原因:开始时间的格式是yyyy-mm-dd hh:mm:ss ,而ios不支持 - 的形式解决方法:方法1:换成yyyy/mm/dd hh:mm:ss形式原创 2022-04-30 14:12:00 · 314 阅读 · 0 评论 -
小程序之坑---input自动获取焦点
项目:taro3+vue3+taro-ui-vue3方法一:taro-ui-vue3的input组件的autoFocus、focus无效方法二:原生input组件的auto-focus在这个环境下也无效,但是在原生项目中有效方法三:通过用ref获取dom来获取焦点,开发工具中无效,真机有效<input ref="inputRef" type="text" style="border: 1px solid #000">setup(props, context) { cons原创 2022-03-10 10:32:46 · 12521 阅读 · 0 评论 -
小程序之坑----ios弹窗滑动穿透
项目:taro3+vue3场景:页面上有浮层,手势 滑动浮层,ios会穿透,页面也会滑动,如果页面上有地图,地图也会随之拖动<view class="base-touch-layout" :catch-move="true" :animation="animationData"> <view class="base-touch-layout-in" @touchmove="touchMove" > <slo原创 2022-03-10 10:09:24 · 3895 阅读 · 0 评论 -
小程序语音之文字合成语音
步骤:1、获取百度语音token2、将文字合成语音,获取url3、播放url一、获取tokengetBaiDuYuYinAccessToken(body) { return doRequest(`https://aip.baidubce.com/oauth/2.0/token`, 'POST', body, false, false, { 'content-type': 'application/x-www-form-urlencoded' }) }/**原创 2022-02-24 10:13:31 · 2157 阅读 · 0 评论 -
小程序taro多端调试
项目:taro3+vue3描述:默认情况下运行npm run dev:weapp/npm run dev:alipay都只生成dist,不能同时调试多端解决:config/index.js中配置运行:原创 2022-02-22 09:39:50 · 768 阅读 · 0 评论 -
小程序map之坑---markertap事件自动触发tap事件
解决方法:定义开关isClickMarker = false, 在markertap中打开开关 isClickMarker = true, tap中settimeout延后100ms并且isClickMarker=false时执行内容,markertap中1s后关闭开关原创 2022-02-22 09:33:04 · 1393 阅读 · 1 评论 -
小程序扫码IOS坑
**描述:**需要在app.js中的onshow中执行sth. 而扫码回到界面是会执行这个onshow的,但不能执行sth初次解决:按钮点击时设置一个缓存isScan:true,成功回调里面设置isScan:false,onshow里面isScan===false才执行sth结果: 安卓正常,ios照样执行分析:点击按钮,扫码后回到页面,安卓和ios执行顺序:安卓: 点击------>页面onShow ------>扫码回调IOS: 点击-------->扫码回调---原创 2021-11-08 14:58:19 · 2113 阅读 · 0 评论 -
自研组件<十六>计数器input-number组件
适应场景:1、可配置是否能编辑,默认可编辑2、支持最大、最小值效果图:原创 2021-05-18 11:49:28 · 143 阅读 · 0 评论 -
自研组件<十五>搜索栏search-bar组件
y-search-bar组件分为2个部分:bar和筛选。bar部分:可以是input组件/日期组件/日期时间组件/下拉选择器/自定义下拉选择器等等组件。筛选部分:可以是表单中得任一组件适用场景:1、可配置主题色:蓝色/白色2、可配置表单中得所有组件3、可重置,搜索效果图:...原创 2021-05-18 11:33:53 · 758 阅读 · 0 评论 -
自研组件<十四>form组件
写了这么多组件,终于到了最后的大组件了,前面大部分组件都是为此组件服务的,对于多表单的管理系统来讲,这个组件大大提高了工作效率。只要配置表单list和表单值info就可以。适用场景:1、支持编辑/预览模式, 默认编辑2、表单中可配置任何组件(input, textarea, 单选,多选,日期,上传,下拉选择器,编辑器)3、可配置是否必填,默认必填项不可清除4、可配置是否显示部分效果图:@click -->表单点击行,返回行index,但是返回属性名称更好点, 因为index会随原创 2021-05-18 11:16:04 · 90 阅读 · 0 评论 -
自研组件<十三>日期时间组件
此组件和y-date-picker组件得接收参数类似。适用场景:1、支持在form组件中配置2、可选择年月日时分(单选/范围)3、可配置最大,最小值y-date-time-picker组件由多个组件组成,包含日历组件(包含cotroller/weekDayList/dayList等等组件),下拉选择器(时分)效果图:...原创 2021-05-18 10:40:17 · 103 阅读 · 0 评论 -
自研组件<十二>日期组件
日历组件目前在所有组件中相对较复杂,支持的类型较多,也一直在优化,所以放到较后面才整理。适用场景:1、支持在form组件中配置2、组件支持的类型:年月日(单选/范围,范围支持快捷键),年(单选/范围),年月(单选/范围),季度(单选/范围)3、可配置最大,最小值y-date-picker组件由多个组件组成,包含弹窗组件(跟随型),日历组件(包含cotroller/weekDayList/dayList等等组件)部分效果图:为什么需要外部定点maskOuterEld?–> 《v原创 2021-05-18 10:26:24 · 257 阅读 · 0 评论 -
自研组件<十一>表格,固定表头/列
这个组件相对其他组件看起来比较简单,遇到的坑却是很多。适应场景:1、可配置排序2、可配置列宽度3、可配置总计及其位置(第一行/最后一行)4、可配置固定头、固定列5、单元格可插槽效果图:排序点击排序,是按照NONE->DESC->ASC->NONE的循环顺序排序固定头和列方案一:用三个表格拼接,三个scroll-view滚动时联动,横向滚动时没有太大问题,竖向滚动时,会出现延迟,裂缝,不能达到一体的效果--->PASS方案二:用样式position: s原创 2021-05-13 15:24:03 · 253 阅读 · 0 评论 -
作用域插槽的那些事
作用域插槽什么是作用域插槽?在一个列表中,子组件通过插槽将数据item传给父组件,父组件根据此参数进行不同的填充,此参数只限于插槽中用同一个组件中有多个作用域插槽怎么办结合具名插槽使用一个作用域插槽需要传出多组数据同一个组件中有多个作用域插槽传出多组数据...原创 2021-05-11 11:32:56 · 163 阅读 · 0 评论 -
自研组件<十>弹窗
项目中弹窗分为三种:中间,底部和跟随,中间,底部没啥讲的,主要讲下跟随效果图:适用场景:1、可配置中间、底部、跟随2、中间型可配置宽度3、可配置标题跟随弹窗注意点:a、elementName是被跟随元素的id,这里要注意的是id不能写成:按钮名称有时候会渲染成这种形式:跟随的效果是用的vue3的teleportb、当遇到弹窗中有跟随弹窗如表单弹窗中有一个日历组件,日历组件中有跟随弹窗组件,这时候日历中的弹窗fixed的宽度并不是按照整个窗口计算的,解决的办法是用组件内的mas原创 2021-04-30 15:26:39 · 112 阅读 · 1 评论 -
自研组件<九>card组件
效果图:适应场景:1、头部: 未配置标题时不显示;可插槽1、内容:a. 根据配置属性显示,属性值为空的不显示b. 内容可整行被插槽,也可分左右插槽2、按钮可配置默认的按钮群,也可自定义按钮3、按钮弹窗位置根据card位置变化...原创 2021-04-30 14:35:02 · 206 阅读 · 0 评论