随笔分类 - taro（小程序）
摘要：之前做了一个小程序眼镜试戴的功能，涉及了人脸识别和3D模型渲染等。暂时记录一些参考的东西，有时间再整理。 threejs官方文档（一定要看看） https://threejs.org/docs/index.html#manual/en/introduction/Creating-a-scene 一、
阅读全文
摘要：一、关于 VisionKit 1、定义 VisionKit 为小程序提供了开发 AR 功能的能力，包含了 AR 在内的视觉算法。 2、版本 提供了 V1 和 V2 两个版本，区别如下： V1平面接口，适用于用户在平面场景下，例如桌面，地面，泛平面场景，放置虚拟物体，不提供真实世界距离。用户放置物体时
阅读全文
摘要：一、关于dva 🐨 dva 首先是一个基于 redux 和 redux-saga 的数据流方案，然后为了简化开发体验，dva 还额外内置了 react-router 和 fetch，所以也可以理解为一个轻量级的应用框架。 🐨 具体内容可以看官网。 二、在taro中配置dva 1、安装如下依赖 n
阅读全文
摘要：一、Taro简介 1、名字由来 Taro['tɑ:roʊ]，泰罗·奥特曼，宇宙警备队总教官，实力最强的奥特曼。 2、taro是什么 Taro 是一个开放式跨端跨框架解决方案，支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5 等应用。 3、官
阅读全文
摘要：🍇 背景：先做了小程序，现在需要兼容h5 问题一：Image组件mode属性设置为aspectFill在h5上没效果 解决方法：给img加样式 object-fit: cover （例子如下） // jsx <Image className="teach-cover" mode="aspectFi
阅读全文
摘要：一、升级 1、升级Taro CLI至最新版本 taro update self npm i -g @tarojs/cli 2、更新项目中 Taro 相关的依赖 taro update project 二、问题 升级后，npm install 报错，用yarn可以成功安装依赖。 End
阅读全文
摘要：🌲 在taro小程序里面渲染一段html代码，具体可查看文档https://docs.taro.zone/docs/html 一、渲染 HTML 文档推荐使用 dangerouslySetInnerHTML 方法来渲染HTML。 1、用法 用法很简单，如下： <View className="ta
阅读全文
摘要：🌲 配置别名可以方便书写代码引用路径，让代码更整洁。 🌲 官方文档可参考https://nervjs.github.io/taro/docs/config-detail#alias 一、在config/index.js下配置alias const config = { ……… alias: {
阅读全文
摘要：🌲 参考https://docs.taro.zone/docs/router 1、传入参数 Taro.navigateTo({ url: '/pages/page/path/name?id=2&type=test' }) 2、在跳转后的页面获取入参 import { getCurrentInsta
阅读全文
摘要：🌲 小程序直接用.ttf字体文件，在开发工具看没有问题，但是打包编译会提示这个字体文件打包上传不成功。 一、字体文件转换为css 1、打开https://transfonter.org/ 注意选择Base64 encode，Formats选择TTF 2、点击Add fonts按钮，上传字体ttf文
阅读全文
摘要：一、Taro简介 1、名字由来 Taro['tɑ:roʊ]，泰罗·奥特曼，宇宙警备队总教官，实力最强的奥特曼。 2、taro是什么 Taro 是一个开放式跨端跨框架解决方案，支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5 等应用。 3、官
阅读全文