小程序--taro
前端攻城狮J
用代码改变命运
展开
-
小程序如何实现手写签名(Taro-hook)
小程序中如何实现手写签名,复制粘贴即可使用原创 2022-10-18 15:50:30 · 1388 阅读 · 1 评论 -
Taro(2.1.5)打包字节小程序,无法自动生成project.config.json
Taro框架打包字节小程序,无法自动生成project.config.json文件原创 2022-08-09 16:55:07 · 540 阅读 · 0 评论 -
小程序如何打开预览文件 (pdf)
小程序如何预览pdf等各种类型文件原创 2022-07-14 16:53:35 · 10055 阅读 · 0 评论 -
js replace全局匹配及小程序中如何进行全局匹配
需求:在一段内容中匹配用户搜索的文字,并进行高亮展示。有可能一段内容中包含多个搜索的文字方案:使用富文本渲染,全局匹配到对应字段,对对应字段添加Html标签及color。例如:1、let user = '搜索'let text = '这是内容,搜索后的内容,搜索后的内容,搜索后的内容'let reg = "/"+user+"/g";let val = text .replace(eval(reg),"替换");console.log(val) // 这是内容,替换后的内容,替换后的内容,替换原创 2022-02-17 09:46:01 · 1134 阅读 · 0 评论 -
字节小程序登录,报fail:not logiin
在调试字节小程序授权登录的时候,发现一直报错fail:not login;查看文档发现说是未在小程序登录平台登录????what are you ???这文档写的也太随意了吧,未在小程序平台登录,什么小程序平台啊,大哥。试了字节小程序开放平台登录,字节开发者平台登录!!! 然而都不是。只能继续查阅文档,查社区,发现有几个小伙伴都有这个问题,但是没人贴解决方案。解决方法文档中提示需要在获取手机号前调用login,不然会刷新登录状态。晴天霹雳,因为是多端开发,微信和百度都是直接在获取授权的回调时调用的原创 2022-01-13 15:41:53 · 997 阅读 · 0 评论 -
Taro项目百度小程序登录,无法获取用户登录凭证code,工具控制台报:此api已经废弃,请使用组件方式登录
在做百度小程序登录的时候发现使用Taro,login无法获取到用户登录凭证code,开发工具报,此api已经废弃,请使用组件方式登录,相关文档:https://smartprogram.baidu.com/docs/develop/function/login发现百度小程序中已经废弃了此API,需要使用button组件设置属性为open-type:login,调用 bindlogin 返回参数的 detail 判断是否登录成功,当 errMsg 为login:ok时即为成功。如想获取登录凭证请示用 sw原创 2022-01-12 11:07:32 · 7782 阅读 · 2 评论 -
微信小程序微信授权登录,使用getPhoneNumber()部分手机无法获取动态令牌code(Taro)
今天在测试微信授权登录时,部分微信使用getPhoneNumber()方法无法获取动态令牌code,查询微信小程序文档提示:可以使用组件的方式获取兑换用户手机号的动态令牌。使用方法:需要将 button 组件 open-type 的值设置为 getPhoneNumber,当用户点击并同意之后,可以通过 bindgetphonenumber 事件回调获取到动态令牌code,然后把code传到开发者后台,并在开发者后台调用微信后台提供的 phonenumber.getPhoneNumber 接口,消费原创 2022-01-12 10:36:26 · 4786 阅读 · 0 评论 -
小程序页面跳转报错:fail webview count limit exceed
**小程序性报错:fail webview count limit exceed**报错原因:Taro.navigateTo(option) || wx.navigateTo(option) 小程序中页面栈最多十层。保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 Taro.navigateBack 可以返回到原页面。解决方法:Taro.redirectTo(option) || wx.redirectTo(option)关闭当前页面,跳转到应用内的某个页面。但原创 2021-12-22 18:05:10 · 2224 阅读 · 0 评论 -
小程序如何将图片转换为base64
如过是网络地址的图片: Taro.downloadFile({ url: 'https://t7.baidu.com/it/u=2511982910,2454873241&fm=193&f=GIF', // 非真实有效地址,仅供参考 success: function (dat) { if (dat.statusCode === 200) { Taro.getFileSystemManager().readFile({原创 2021-12-21 14:22:38 · 610 阅读 · 0 评论 -
Taro 、React (hook)移动端 中怎么实现列表list左滑删除
应用场景:在项目列表(List)中左滑,删除 || 取消关注当前项实现方式使用移动端触摸事件ontouchstart、ontouchmove、ontouchend; + SCSS移动端事件详解:事件详解布局css部分.slide-item { width: 100vw; overflow: hidden; line-height: 48px; height: 160px; text-align: center; margin-bottom: 20p原创 2021-11-15 16:48:21 · 1425 阅读 · 0 评论 -
小程序如何分包 (Taro成功案例--原生微信小程序分包一致)
在编写小程序的时候,因为业务的拓展逻辑更加复杂,导致小程序体积越来越大,但是小程序是有体积限制的,微信小程序主包限制为2MB,虽然限制大小是对小程序启动速度的考虑,但是业务不能砍掉呀。只能用微信小程序提供分包来解决。分包加载某些情况下,开发者需要将小程序划分成不同的子包,在构建时打包成不同的分包,用户在使用时按需进行加载。在构建小程序分包项目时,构建会输出一个或多个分包。分包小程序必定含有一个主包,和多个分包。主包:即放置默认启动页面/TabBar页面,以及一些所有分包都需用到公共资源/JS 脚本;原创 2021-11-05 16:27:42 · 2486 阅读 · 0 评论 -
Taro小程序中无法调起openSetting设置页面,用户查看授权的功能,
今天同事在做小程序的时候,产品给了个需求,在用户首次进入小程序时获取其位置,如果点击拒绝后,再调起客户端小程序设置界面,返回用户设置的操作结果,让其再次选择授权。查阅官方文档后发现Taro.openSetting()可以吊起小程序设置页面,同事在跟着文档做的时候遇见了个问题,就是每次清除平台缓存后,调起来的设置页面没有之前的权限,显示未使用您的任何信息 。代码如下 Taro.getSetting({ success: function (res) { var st原创 2021-11-04 18:19:49 · 234 阅读 · 0 评论 -
Taro 中在Tab组件中使用ScrollView滚动组件,滚动时把Tab标题顶走了。(支付宝小程序)
今天在使用Taro框架写小程序的时候,需要咨询页面,如下图展示整体布局就是在Tab组件中使用ScrollView滚动组件,滚动到底部进行加载下一页。很简单的一个页面,在微信、字节、百度都没有问题,在编译成支付宝小程序后,(真机)发现在滚动的时候,会把顶部的Tab标题顶上去,仔细研究发现在在这个页面出现了两个滚动条,一个是ScrollView的。另一个是Tab组件的,在每次滚动的时候可能会触发到Tab页面的滚动条,导致把标题顶上去。问题出现在给ScrollVeiw设置高度的时候直接设置为100%,原创 2021-11-03 14:40:29 · 1666 阅读 · 0 评论 -
Taro 中使用ScrollView滚动组件。怎么设置滚动高度的问题。
在使用ScrollView进行滚动加载的时候,滚动到下一页,再进行筛选的时候,需要把位置恢复到顶部。不然就会出现这种情况查阅Taro官网得知,可以设置scrollTop进行设置滚动条位置。在进行设置scrollTop,为0的时候,发现不生效。然后开始对比官方文档,发现使用方法什么都一样,没有任何问题。实在让人头疼,仔细进行排查,会不会是每次都是设置为0,是不是框架检查属性值没发生改变而没设置成功呢。采用属性值+Math.random(),这样每次产生的值就不一样了。这样进行设置果然成功了原创 2021-10-29 15:04:08 · 3098 阅读 · 2 评论 -
Taro 、Taro-hook中阻止冒泡 怎么阻止事件冒泡方法-亲测有效
前言:以前在使用Taro class组件的时候一直使用的是e.stopPropagation();来阻止冒泡事件,现在改为hook 函数式组件在使用e.stopPropagation()阻止冒泡不好使了。Taro官网文档上指出按照官网提示进行修改,发现以上方法无效。依然会发生冒泡。官方提供的在事件内使用 e.stopPropagation(); 的方式不能有效的阻止事件冒泡。方法没有问题,只能进行疯狂试错,最终发现在使用箭头函数的方式使用e.stopPropagation(),可以直接有原创 2021-10-29 11:57:27 · 1082 阅读 · 0 评论 -
Taro 小程序做蒙层,蒙层下页面会滚动。滚动穿透问题
最近在写小程序的时候,需要手写一个拨打打电话的功能,点击查看弹出蒙层展示手机号,点击电话号码进行拨打电话。前面拨打电话API都挺顺利,后来忽然发现蒙层下的页面依然还能滚动。一开始以为层级问题,调整层级一直没什么效果。于是开始查文档,发现文档中提示于是开始一个个方法进行测试。第一种方法不适合,因为当前页面滚动元素没办法给到高度,会有问题,就不细说了。开始第二种办法,我的项目还是使用Taro.2,所以使用catchtouchmove属性,如果为Trao3,可使用catchMove属性。<Vie原创 2021-08-12 17:40:17 · 2945 阅读 · 0 评论 -
小程序 taro中遇到的编译错误---版本问题,EBUSY:source busy or locked
昨天项目组给了一个小程序(taro)的项目,首先拉去分支,下载依赖,很完美,没有任何问题,然后yarn dev:tt 运行项目(特别注意:taro项目最好使用yarn),编译项目过程中说缺少@tarojs/plugin/sass,并在plugin中进行配置。没啥问题,安装配置就ok了。但是装依赖过程中始终就是安装不上。npm cnpm yarn切换镜像。都用了。后来就觉得可能不只是依赖的问题!!!继续挖掘,发现很早之前自己装过本地taro依赖,版本比较低1.3.44,但是拉去的项目版本号是2.1.5,版本原创 2020-11-26 15:04:54 · 785 阅读 · 0 评论