Taro
使用 Taro 开发鸿蒙原生应用 —— 探秘适配鸿蒙 ArkTS 的工作原理
背景 在上一篇文章中，我们已经了解到华为即将发布的鸿蒙操作系统纯血版本——鸿蒙 Next，以及各个互联网厂商开展鸿蒙应用开发的消息。其中，Taro作为一个重要的前端开发框架，也积极适配鸿蒙的新一代语言框架 —— ArkTS。 本文将深入探讨 Taro 适配鸿蒙 ArkTS 框架的工作原理，接下来我们 ......
使用 Taro 开发鸿蒙原生应用 —— 当 Taro 遇到纯血鸿蒙
在今年 8 月的「2023年华为开发者大会（HDC.Together）」上，华为正式官宣「鸿蒙Next」，这个更新的版本将移除所有的 AOSP 代码，彻底与 Android 切割，使其成为一个完全自主研发的操作系统，这将去掉 40%左右多余的代码，使系统变得更加简洁、流畅。同时，会上也预告了将在明年... ......
Taro的初始化
Taro介绍 taro是京东凹凸实验室推出的框架，是一个开放式跨端跨框架解决方案，支持使用 React/Vue/Nerv 等框架来开发 微信 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ / 飞书 小程序 / H5 / RN 等应用。 开发环境 安装@tarojs/cli（脚手架工具） n ......
Taro：高性能小程序的最佳实践
作为一个开放式的跨端跨框架解决方案，Taro 在大量的小程序和 H5 应用中得到了广泛应用。本文将为大家提供一些小程序开发的最佳实践，帮助大家最大程度地提升小程序应用的性能表现。 ......
Taro的架构与使用价值
随着移动互联网和智能设备的普及，前端开发人员需要采用多端同构技术来适配不同的终端（小程序、App和Web）。这些终端之间存在着明显的差异，包括浏览器引擎、操作系统、交互方式以及代码语言等方面。这些差异给前端开发人员带来了不少挑战。一方面，不同终端采用不同的浏览器引擎和操作系统，导致页面渲染和交互行为 ......
关于Taro: 在移动APP方面还有哪些潜力？
Taro 是一个多端统一的开发框架。使用 Taro 它可以支持 React 的开发方式，编写一次可以运行多端的代码，就能够生成可以在各种小程序，H5 甚至 React Native 等多端应用。 Taro的官方介绍 Taro 是一个开放式跨端跨框架解决方案，支持使用 React/Vue/Nerv 等 ......
2023-09-18 taro小程序之onGetPhoneNumber无法获取用户手机号回调？console.log没反应？？==》没有添加属性openType: 'getPhoneNumber',故而导致无法触发onGetPhoneNumber
问题描述：一个微信登录按钮，点击获取用户手机号进而登录；按钮用的是taro框架的button组件，其中用到button的onGetPhoneNumber方法，给这个方法绑定一个事件A，用户点击获取手机号后产生回调进而做下一步的业务；问题就是事件A没有获得任何回调，仿佛onGetPhoneNumber ......
解决Taro3.x框架Modal蒙层穿透问题
在使用 Taro 框架开发小程序时，我们可能会遇到一个常见问题，即 Modal 蒙层默认情况下是可以滚动的，导致在 Modal 弹出时用户仍然可以滚动页面，造成用户体验上的不便。本文将介绍一种解决方法，以防止 Modal 蒙层的穿透问题。 1. 问题分析 在 Taro 框架中，我们可以通过 @tar ......
当你使用Taro时，你需要了解的一些事儿
2017 年 1 月 9 日凌晨，万众期待的微信小程序正式上线，前有跳一跳等爆圈小游戏的带动，后有特殊时期下各类健康码小程序的加持，小程序成为了国内技术圈独树一帜的存在。但随着小程序的迅猛发展，其实在小程序发展的过程中，关于小程序的架构就层出不穷，小程序架构的后面也会绑定一个专属 DSL，如类 Re... ......
Taro+vue3 关注抖音号
Taro使用vue3或者react框架，data-aweme-id属性是不被解析到生成的页面代码中的，所以需要借助编译插件@tarojs/plugin-inject去注入标签属性； https://taro-docs.jd.com/docs/vue-overall#dataset 业务页面： <bu ......
Taro 微信小程序隐私协议
#### 官方文档 - [小程序隐私协议开发指南 ](https://developers.weixin.qq.com/miniprogram/dev/framework/user-privacy/PrivacyAuthorize.html) #### 开发环境 - taro 版本^3.0.18 # ......
Taro微信小程序获取Tab页可视区域高度
### **前情** 公司有自己的小程序项目，因公司主要技术栈为react，所以选择了Taro来开发，Taro是京东出品的多端统一开发解决方案，用来开发小程序也相比用原生开发，在开发体验上好很多，而且还能使用成熟的React技术栈。 ### Tab页可视区域高度获取原理图解 注：当前tab页未开启沉 ......
Taro react 插件提供外部插件引用
项目结构 projectName |-pages/index |-plugin |-components |-avatar index页面中引用： import Taro from '@tarojs/taro' import { Component, PropsWithChildren } from ......
taro框架写小程序注意点总结
1、图片标签用 <image /> 而 非 <img />。 2、设置图片大小时要写明具体的宽高，这里的图片不会像一般浏览器一样，height:auto; 代表图片等比自适应高度。 3、在转成小程序后，每个标签，包括span标签，也会被单独放在一个属性为block的view中，所以在用vue写的时候 ......
成品直播源码，基于Taro多端自定义导航栏
成品直播源码，基于Taro多端自定义导航栏 import Taro from '@tarojs/taro'import { View, Text } from '@tarojs/components'import classNames from 'classnames'import './index ......
Taro 小程序处理消息通知弹窗
业务需求，在用户操作了下单按钮后会弹出提醒他开启消息通知，这个时候根据用户的选项引导用户去开启通知的逻辑如下： ``` // 是否设置过授权 openMsg() { var that = this; // 获取用户的当前设置，判断是否点击了“总是保持以上，不在询问” Taro.getSetting( ......
Taro 小程序扫二维码跳转到指定页面
小程序扫码登录，需要在微信小程序开发管理->开发设置->扫普通链接二维码打开小程序 去添加对应的链接，然后根据链接动态动态生成二维码，然后使用微信扫码的即可跳转到小程序指定页面，具体添加链接方式，请自行百度 这里主要介绍两个东西 1.Taro小程序下根据链接动态生成二维码 2.扫码跳转到小程序后参数 ......
Taro 小程序自定义热门城市选择页
先上一下大致效果  由于业务需要一个单独全国城市筛选页面，然后就网上找了一波，发现没有特别合适的，于是就手动撸一个，需 ......
taro框架使用经验
就是京东那个taro框架 1. taro3.x的Picker(2023-7-20)默认会报错 TypeError: Cannot read properties of undefined (reading 'split') <Picker mode='date' onChange={this.onD ......
一文帮你搞定H5、小程序、Taro长列表曝光埋点
对于各种类型的埋点来说，曝光埋点往往最为复杂、需要用到的技术也最全面、如果实现方式不合理可能造成的影响也最大，因此本文将重点介绍曝光埋点尤其是长列表（或滚动视图）内元素曝光埋点的实现思路及避坑技巧 ......
Taro开发
## 1.安装Node.js 确保电脑已经安装了nodeJs ## 2.使用命令安装taro ``` npm install -g @tarojs/cli npm info @tarojs/cli ``` ## 3.使用命令创建项目 ``` taro init taroApp ``` ## 4.安装 ......
微信小程序taro-react-echarts使用dataZoom问题
taro微信小程序中使用 taro-react-echarts 展示图表数据，因为数据量大，需要使用dataZoom来左右滑动图表。 ## 实现效果 ## 解决 首先在echarts的options中添加 ``` xAxis:... yAxis:... dataZoom: [ { type: 'in ......
Taro小程序react 开发gpt 会话经验踩坑
行内样式兼容，style = {{height:"100px"}} 中100px要写成 Taro.pxTransform(100) taro-ui 中 AtDrawer一直频繁切换打开和关闭drawer 解决：onclose方法要写好控制开关， react-toolkit 同步写法async 方法 ......
Taro - 别名引入路径方式
1.config/index.js const path = require('path') // eslint-disable-line const config = { alias: { '@': path.resolve(__dirname, '..', 'src') }, } 2. tsco ......
Taro入口文件配置redux
想要在Taro里使用redux，看文档配置了很多次入口文件，每次都是报同一个错误。 `错误：“Provider”表示值，但在此处用作类型。是否指“类型 Provider”?` 版本 1.2.2** 项目中需要使用echarts * 最先尝试了 ec-canvas ,有小问题： 偶现打开 ......
taro使用taro3-echarts-react报错，图表不出来
## 问题 **taro版本 3.6.2** **[taro3-echarts-react](https://www.npmjs.com/package/taro3-echarts-react)版本 1.0.4** 在taro小程序开发中，使用taro3-echarts-react时，echarts ......