Taro3

深入Taro3：跨端开发的利器与最佳实践

Taro3是一个开放式跨端跨框架解决方案，支持使用React/Vue/Nerv等框架来开发微信小程序、H5、ReactNative等应用。
乔明飞·2024-01-18 06:36

Taro 版本升级权威指南 - 关于版本你想要的答案都在这篇里

本文由Taro团队成员隔壁老李撰写，旨在帮助Taro开发者厘清当前Taro多版本之间关系的那些事儿，同时解答有关Taro3、TaroRN支持以及TaroUI的一些困惑。
凹凸实验室·2023-11-25 03:16

前端框架----taro3 路由

路由配置路由配置路由在app.tsx入口文件的主组件中，//pages中配置路由，第一个为首页config:Config={pages:['pages/index/index','pages/test/test.tsx'],Taro.navigateTo(Object)跳转，有历史记录Taro.redirectTo(Object)重定向，无历史记录Taro.switchTab(Object)pag
laufing·2023-11-20 05:54

2020-12-07：taro从1.3升级到taro3（dva）

主要步骤npmi-g@tarojs/cli@next将本地换地taro环境升级npmi@tarojs/runtime@next@tarojs/mini-runner@next@tarojs/components@next@tarojs/taro@next更新依赖npmireact@tarojs/react@next#如果使用React删除@tarojs/async-awaitnpmuninstal
Klt99·2023-11-04 20:18

taro3中使用react函数组件和mobx状管理工具结合使用教程

在使用了最新版的函数组件hooks后，刚开始导入mobx，总是报cantresolve"src/store/index"这种错误，然后我就开始一步一步找原因，后来在组件中log了一下store，重新启动程序后，就没问题了，我也是无语.....下面看一下taro使用react函数组件接入mobx的流程：先在store下面创建一个counter.ts:import{observable}from"mo
1024小神·2023-11-03 13:37

[Taro3] Taro内使用Echarts，以及升级taro3之后echarts失效问题处理

当时的处理方式是单独写了一个生成雷达图的组件，然后在页面内注册使用，具体代码（如果你是Taro3请忽略并往下看）：//RadarChar.jsimportTaro,{Component}from"@tarojs
httIsHere·2023-10-21 20:41

taro3 mac m1 Error: Node Sass does not yet support your current environment: OS X 64-bit with Uns...

taro3mac系统m1电脑Error:NodeSassdoesnotyetsupportyourcurrentenvironment:OSX64-bitwithUnsupportedruntimeimage.png经排查，发现针对mac系统，有指定的node版本，https://github.com/sass/node-sass/releases/tag/v4.13.1，mac最高支持node1
前端开发_Eric·2023-09-04 03:06

我们的数字化服务工具与技术栈的迭代

从2016年我们开始做数字化定制服务，由近至远，总结一下技术栈和服务的变化：2021设计栈FigmaSketchAiAffinity技术栈前端:Vue3、SSR-CORE、Taro3、GatsbyJS后端
佰晟Writing·2023-09-03 13:39

京东到家小程序-在性能及多端能力的探索实践 | 京东云技术团队

二、多端能力的探索1.到家小程序基于taro3的架构流程图框架分层解
·2023-08-26 15:05

Taro3.2 适配 React Native 之运行时架构详解

导读由58前端团队主导的Taro3适配ReactNative工作已完成有一段时间了。目前发布了多个体验版，也将在3月底迎来正式版。
CRMEB定制开发·2023-08-01 19:51

Taro3.x 容易踩坑的点（阻止滚动穿透，弹框蒙层父级定位）

阻止滚动穿透Taro3的事件机制。因为事件都以bind的形式进行绑定，因此不能使用e.stopPropagation()阻止滚动穿透。针对滚动穿透，目前总结了两种解决办法：一、样式使用样
Embrace924·2023-07-24 13:22

Taro 引入echarts

这几天使用最新的taro新建了工程网上查找资料找到的例子都没法在Taro3显示最终找到了echarts-taro3-react可以正常显示出来仅在此记录下整个过程目前有个需求是散点图里需要加入图片,查了官方配置参数支持图片
冰琳92·2023-07-18 00:23

taro3 支付宝小程序 -- 授权手机号和用户信息

背景：taro3+vue3手机号授权步骤：开放平台控制台->开发设置配置【接口内容加密方式】开放平台控制台->产品绑定绑定【获取会员手机号】，并申请权限用户授权：授权行为通过button组件的点击动作来触发解密和验签—>后端小伙伴的工作具体文档：支付宝获取手机号官方文档传送门用户授权手机号—官方文档如下授权手机号onGetAuthorize(res){my.getPhoneNumber({succ
Misha韩·2023-07-16 00:16

taro3 微信小程序 createIntersectionObserver 监听无效

项目：taro3+vue3官方文档版本：3.xTaro.createIntersectionObserver(component,options)创建并返回一个IntersectionObserver对象实例。在自定义组件或包含自定义组件的页面中，应使用this.createIntersectionObserver([options])来代替。支持情况：微信小程序抖音小程序H5ReactNativ
Misha韩·2023-07-14 11:52

解决taro打包后部分安卓机显示空白的问题

taro3,vue3,H5打包,部分安卓机显示空白解决方式1.添加babel2.添加版本限制3.添加es转换解决方式1.添加babelyarnadd@babel/preset-env--dev2.添加版本限制
四时晴天·2023-06-22 10:27

Taro3踩坑实录

该文章记录本人在使用taro3开发项目时遇到的一些问题，会持续进行更新1.实时编译，体积过大，无法预览问题：使用taro3+vue2.0创建项目，运行--watch时，开发者工具预览时提示体积过大，无法预览解决思路
Joey0428·2023-06-22 10:26

Taro 3.1 beta 发布: 开放式架构新增 4 端支持

作者：凹凸曼-JJ自7月初我们正式发布了Taro3，至今半年时间已然略去。期间我们不断地修复着问题，同时也在构想着下一个minor版本。
凹凸实验室·2023-02-18 06:14

[Taro3] [email protected]内设置分享朋友圈时自定义内容（title，imageUrl）失效

在页面内使用了onShareTimeline方法，右上角内也出现了分享朋友圈的按钮，但是页面内的分享自定义内容却没有成功设置，分享出去还是默认的小程序名称。原因：[email protected]内缺失相应的类型定义，在设置分享朋友圈自定义内容时导致自定义内容失效。#7055解决：方法一：升级至3.0.3以上；方法二：在global.d.ts内添加缺失的类型定义，并在需要分享朋友圈的页面配置文件内添加enabl
httIsHere·2023-02-04 20:13

Taro 自动部署微信+支付宝小程序（附带动态修改支付宝体验版版本号）

背景：使用taro3同时开发微信小程序+支付宝小程序；常规上传方式为：在本地打包完微信使用开发者工具上传；再次打包支付宝使用支付宝开发者工具上传；相对繁琐；所以使用ci机器人配合jenkins达到提交代码自动部署双平台并且发送飞书消息通知
·2022-12-18 21:56

Taro 自动部署微信+支付宝小程序（附带动态修改支付宝体验版版本号）

背景：使用taro3同时开发微信小程序+支付宝小程序；常规上传方式为：在本地打包完微信使用开发者工具上传；再次打包支付宝使用支付宝开发者工具上传；相对繁琐；所以使用ci机器人配合jenkins达到提交代码自动部署双平台并且发送飞书消息通知
·2022-11-16 22:48

【小程序商城实战-Taro3开发-课程5】自定义组件：商品列表

一、组件规范1、自定义组件放到src/componets目录下。不同模块的组件再各自建立子目录2、vue组件文件名称的命名规范：kebab-case短横线分隔命名3、其他风格规范参考：Vue风格指南二、商品Vue组件src\components\goods\goods.vue{{goods.title}}¥{{goods.price}}¥{{goods.origin}}importVuefrom'
jameshi·2022-11-15 18:09

【小程序商城实战-Taro3开发-课程2】搭建taro开发环境

一、前提1、nodeJSNode.js是一个基于ChromeV8引擎的JavaScript运行环境。#安装完成后，通过CMD执行以下命令来检查版本C:\Users\xps>node-vv14.16.0【背景知识】为啥要安装node？很久以前，js代码只能在浏览器里运行，自从出现了NodeJS，我们就多了一个运行环境。taro-cli运行在NodeJS环境下，是帮助我们开发“基于Taro框架的项目”
jameshi·2022-11-15 18:39

【小程序商城实战-Taro3开发-课程3】taro项目结构

一、目录结构参考Taro渐进式入门教程├──babel.config.js#Babel配置├──.eslintrc.js#ESLint配置├──config#编译配置目录│├──dev.js#开发模式配置│├──index.js#默认配置│└──prod.js#生产模式配置├──package.json#Node.jsmanifest├──dist#打包目录├──project.config.js
jameshi·2022-11-15 18:09

taro项目小程序场景下scrollview引发的问题汇总

场景一：滑动穿透问题滑动穿透出现的场景：//1.使用了AtFloatLayout组件//2.带遮罩层的弹窗出现滑动穿透的原因是，taro3的事件冒泡机制是单独在小程序逻辑层实现，所有事件都是绑定的bind
LittleMoon_lyy·2022-09-20 15:27

Taro3全网首篇之安装react-devtools调试工具

Taro3之前，在小程序开发者工具的AppData面板看到的都是Taro虚拟DOM的序列化结果，而不是页面的data数据，严重影响开发效率。
毕竟1米八·2022-08-07 01:31

Taro3 + Vue3 + NutUi 校验配置

相关脚手架安装及项目初始化见NutUI官网NutUI-移动端Vue2、Vue3、小程序组件库(jd.com)初始化好的项目，为统一风格，添加eslint校验在项目内执行eslint--init（若eslint方法报错，请先全局安装再尝试）按顺序选择如下内容❯Tochecksyntax,findproblems,andenforcecodestyle❯JavaScriptmodules(import
Sasoli·2022-02-09 08:25

使用 Taro3 + Vue3 开发微信小程序

使用Taro3+Vue3开发微信小程序前言微信小程序是以微信为运行环境的一种应用，其实质是Hybrid技术的应用，HybridApp即混合模式移动应用，因此与H5类似，但又比H5拥有很多原生的能力，例如调用位置信息和摄像头等。小程序的开发方式与H5十分相似，用的也是JavaScript、HTML、CSS语言。因此，小程序开发可以说是一名前端工程师必须要掌握的技能。原生小程序开发有一定的学习成本，现
·2022-01-11 19:09

Taro Design 移动端页面编辑器

编辑后的数据同时支持小程序、H5、ReactNative，需在Taro3的项目中使用。组件样式遵循以ReactNative样式为基础的Flex布局，可以同时给设计师和开发人员使用。导出为R
·2021-11-18 17:09

京东购物小程序 | Taro3 项目分包实践

背景京东购物小程序作为京东小程序业务流量的主要入口，承载着许多的活动和页面，而很多的活动在小程序开展的同时，也会在京东APP端进行同步的H5端页面的投放。这时候，一个相同的活动，需要同时开发原生小程序页面和H5页面的难题又摆在了前端程序员的面前。幸运的是，我们有Taro，一个开放式跨端跨框架解决方案。可以帮助我们很好地解决这种跨端开发的问题。但不幸的是，Taro并没有提供一套完整的将项目作为独立分
·2021-08-05 21:31

Taro3 开发小程序爬坑汇总

#Taro3相关的爬坑。小小吐槽下，框架是升级的够快，文档及配套更新真是慢。##taro-ui已经使用了taro3的同学应该发现了，按照官网使用方法引入竟然报错了，怎么办呢？
·2021-07-27 19:13

Taro3无埋点的探索与实践

引言对于Taro框架，相信大多数小程序开发者都是有一定了解的。借助Taro框架，开发者们可以使用React进行小程序的开发，并实现一套代码就能够适配到各端小程序。这种促使开发成本降低的能力使得Taro被各大小程序开发者所使用。使用Taro打包出来的小程序和原生相比是有一定区别的，GrowingIO小程序的原生SDK还不足以直接在Taro中使用，需要针对其框架的特别进行适配。这点在Taro2时期已经
·2021-07-27 19:44

Taro3无埋点的探索与实践

引言对于Taro框架，相信大多数小程序开发者都是有一定了解的。借助Taro框架，开发者们可以使用React进行小程序的开发，并实现一套代码就能够适配到各端小程序。这种促使开发成本降低的能力使得Taro被各大小程序开发者所使用。使用Taro打包出来的小程序和原生相比是有一定区别的，GrowingIO小程序的原生SDK还不足以直接在Taro中使用，需要针对其框架的特别进行适配。这点在Taro2时期已经
·2021-06-18 22:17

taro3-不使用-typescript-的情况下使用-taro-ui-时报错

最近有个小程序的项目，用taro3脚手架创建了项目，在组件里引入了taro-ui的组件之后，执行yarndev:weapp一直报错，报错内容是无法识别taro-ui里面的ts语法报错信息Modulebuildfailed
小鑫a·2021-01-06 09:45

Taro3 中使用dva

1.用Taro的cli初始化项目之后安装依赖npminstall--savedva-coredva-loadingnpminstall--savereduxreact-reduxredux-thunkredux-logger2.新增src/utils/dva.ts(需要自己建这个文件)//src/utils/dva.tsimport{create}from'dva-core';//import{c
NanaCti·2021-01-04 21:58

基于Taro开发的表单可视化编辑器

TaroForm基于Taro3和flex布局，开发后将能够轻松
徐健秃头·2020-12-28 14:00

Taro 3.1 beta 发布: 开放式架构新增 4 端支持

自7月初我们正式发布了Taro3，至今半年时间已然略去。期间我们不断地修复着问题，同时也在构想着下一个minor版本。
梦Sir·2020-12-16 16:47

Taro 3.1 beta 发布: 开放式架构新增 4 端支持

作者：凹凸曼-JJ自7月初我们正式发布了Taro3，至今半年时间已然略去。期间我们不断地修复着问题，同时也在构想着下一个minor版本。
凹凸实验室·2020-12-15 13:42

Taro 3.1 beta 发布: 开放式架构新增 4 端支持

作者：凹凸曼-JJ自7月初我们正式发布了Taro3，至今半年时间已然略去。期间我们不断地修复着问题，同时也在构想着下一个minor版本。
凹凸实验室·2020-12-15 13:14

Taro 版本升级权威指南 - 关于版本你想要的答案都在这篇里

本文由Taro团队成员隔壁老李撰写，旨在帮助Taro开发者厘清当前Taro多版本之间关系的那些事儿，同时解答有关Taro3、TaroRN支持以及TaroUI的一些困惑。
凹凸实验室·2020-10-09 12:29

Taro 3 正式版发布：开放式跨端跨框架解决方案

今天我们很高兴地在党的生日发布Taro3（TaroNext）正式版，希望Taro未来的更多两年能像一名共产主义战士一样经受住更多的考验。
凹凸实验室·2020-07-10 00:26

Taro 3 正式版发布：开放式跨端跨框架解决方案

今天我们很高兴地在党的生日发布Taro3（TaroNext）正式版，希望Taro未来的更多两年能像一名共产主义战士一样经受住更多的考验。
凹凸实验室·2020-07-10 00:25

Taro 3 正式版发布：开放式跨端跨框架解决方案

今天我们很高兴地在党的生日发布Taro3（TaroNext）正式版，希望Taro未来的更多两年能像一名共产主义战士一样经受住更多的考验。
凹凸实验室·2020-07-01 14:35

Taro 3 正式版发布：开放式跨端跨框架解决方案

今天我们很高兴地在党的生日发布Taro3（TaroNext）正式版，希望Taro未来的更多两年能像一名共产主义战士一样经受住更多的考验。
凹凸实验室·2020-07-01 13:00

Taro 3 正式版发布：开放式跨端跨框架解决方案

今天我们很高兴地在党的生日发布Taro3（TaroNext）正式版，希望Taro未来的更多两年能像一名共产主义战士一样经受住更多的考验。
凹凸实验室·2020-07-01 13:00

虚拟列表（VirtualList）在Taro3中的使用

最近热门的小程序框架Taro3也提供了这个能力。从文档说明上看，其功能算是vue-virtual-scroll-list的一个子集。技术详述在Taro中使用VirtualLi
ldc-37·2020-06-25 21:00
上一页 1 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他