
Taro小程序
文章平均质量分 52
Bert丶seven
专注于大前端开发,熟悉移动端、前端各项技术栈
展开
-
外部H5页面打开微信小程序最新流程
当前时间2022年11月22日,记录一下外部H5如何打开指定微信小程序的指定页面最新流程。以上适用于短信、邮件、外部网页、微信内等拉起小程序的业务场景。建议这步由后端完成请求方式:POST(这个token后端根据微信接口可以生成,不做详细介绍,可参考)这里的即是微信小程序 scheme 码,注意:自 2022 年 4 月 11 日起,URL Scheme有效期最长 30 天,不再支持永久有效的URL Scheme、不再区分短期有效URL Scheme与长期有效URL Scheme。原创 2022-11-23 09:52:57 · 6576 阅读 · 1 评论 -
Taro webview中的h5页面如何使用原生小程序API
Taro小程序开发过程中,往往会遇到h5页面与原生页面互相通讯的过程,而微信小程序为webview组件提供了JSSDK,使用方式:1.在h5项目的入口文件(即index.html)中与meta标签同一层级下,添加远程依赖<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>以上即在整个项目全局引入了JSSDK(这里不得不吐槽一下微信小程序开发原创 2021-09-01 16:40:28 · 5175 阅读 · 1 评论 -
Taro小程序webview使用API及避坑指南
Taro小程序webview组件是一个可以用来承载网页的容器,会自动铺满整个小程序页面。注意:个人类型的小程序暂不支持使用。客户端 6.7.2 版本开始,navigationStyle: custom 对 webview组件无效,小程序插件中不能使用。以上意味着:webview的页面无法自定义导航栏,无法自定义高度、样式等,去加载了webview,那么webview中的h5页面将具备最高控制权,所以小程序开发者如果想在webview组件上做任何修改,只能建议自定义组件。小程序开发者可以做哪些?1.可原创 2021-08-31 10:53:59 · 8090 阅读 · 1 评论 -
解决Taro小程序windows下自定义导航栏无法生效的兼容性问题
背景及发现的问题:小程序在手机、Mac下布局样式UI显示正常,但在windows下PC版微信上的小程序显示导航栏却出现了两个,自定义导航栏无法盖过默认导航栏生效,当前windows版微信版本3.3.5.42(已反馈此问题至微信,但当前版本仍未解决),此问题不仅仅出现于本人的小程序中,观察了如京东小程序、饿了么小程序等,都有同样的问题,页面会整体下移,导致部分功能可能无法正常显示及使用。原因:windows版微信客户端对小程序设置自定义导航栏无法生效,即 navigationStyle=“custom原创 2021-08-30 10:46:43 · 2059 阅读 · 0 评论 -
Taro小程序Uncaught SyntaxError: Unexpected identifier报错解决方案
运行小程序时,如遇到Uncaught SyntaxError: Unexpected identifier报错信息,请检查是否在*.config.js文件中 import引入了es6写法的文件A,注意所有带后缀为 .config.js 的文件是否有引入,如必须要引入,则需要将文件A中es6写法 export改为 module.exports即可如有帮助,记得点赞三连,谢谢~...原创 2021-08-01 18:11:20 · 963 阅读 · 0 评论 -
Taro小程序分享功能
Taro小程序分享onShareAppMessage (Object)功能使用1.配置指定页面可分享(默认菜单栏分享按钮为灰色,不可分享)找到page.config.js,配置如下export default { enableShareAppMessage: true}2.Class类的页面添加如下:export default class Index extends Component { onShareAppMessage (res) { i原创 2021-08-01 17:57:58 · 9738 阅读 · 0 评论 -
Taro小程序 Input组件focus属性失效解决方案
Taro小程序开发在使用Input组件时,会遇到一个问题,设置了Input组件自动聚焦,但是在iPhone X与部分android机型上无法生效,此为官方组件的一个bug,截止Taro v3.2.7版本目前仍未解决此问题,使用方式如下:<Input type='text' placeholder='将会获取焦点' focus={true}/>解决方案:修改为微信小程序原生组件input即可<input type='text' placeholder='将会获取焦点' foc原创 2021-08-01 17:40:12 · 5104 阅读 · 1 评论 -
Taro小程序开发之自定义导航栏页面如何设置不可滑动
设置当前页面自定义导航栏之后,当页面滑动时,导航栏部分的view会上移至状态栏,如何固定页面不可滑动,如我们的A页面是index.js文件,则在同一层级添加index.config.js文件,配置如下即可:export default { navigationStyle:'custom', disableScroll:true }如有帮助,记得点赞三连,谢谢~...原创 2021-08-01 17:17:56 · 1381 阅读 · 0 评论 -
小程序开发之Taro环境搭建
目录1.node环境安装2.CLI 工具安装3.项目初始化4.编译运行5.小程序开发者工具预览、上传1.node环境安装Taro 项目基于 node,请确保已具备较新的 node 环境(>=12.0.0),下载地址:http://nodejs.cn/download/,根据自身使用系统去下载对应版本,一般下载最新版本即可,安装完成使用node -v 查看安装的版本是否符合,windows系统还需设置全局变量(此处不再赘述)。node -v2.CLI 工...原创 2021-08-01 16:49:03 · 1899 阅读 · 1 评论