react
三金de鑫
前端开发攻城狮,AI 探索者,公众号[三金得鑫]
展开
-
Taro-reLaunch,按下物理返回键退出小程序
不管在Taro还是小程序里使用 reLaunch API 都会关闭所有页面,打开到应用内的某个页面,这样的话,在安卓上按下物理返回键,就会有退出小程序的BUG出现。原创 2020-06-30 09:42:28 · 1395 阅读 · 0 评论 -
Taro-样式加载问题
当一个文件目录里有多个文件,且这些文件都引用一个css时,打包小程序并发布以后,会有加载不上样式的问题,这个时候,我们需要把文件做模块化处理,每一个文件对应一个文件目录,并创建对应的css样式,不要几个文件都引用相同的css。一个功能模块对应一个文件夹,里面是对应的jsx文件和css文件。这样再次打包发布后,就好了。——如果都使用同一个文件,那么在打包以后,会在项目最外层生成一个common.wxss,这个时候那些文件都会引这个css文件,在开发环境下是OK的,但是发布到线上以后就有问题了。自定义组件的样原创 2020-06-24 09:23:24 · 1246 阅读 · 0 评论 -
Taro-跨端环境判断
跨端环境判断因为项目可能不止是小程序使用,也可能打包成 h5,所以这里我们还需要做环境判断,毕竟在 h5 环境下,有的东西是不兼容的,比如Taro.login和Taro.getSetting()都是调用不了的。所以这里就有:// 判断是否是小程序if (process.env.TARO_ENV === 'weapp') {}那么Taro在编译时提供了一些内置的环境变量来帮助用户做一些特殊处理。process.env.TATO_ENV用于判断当前编译类型,目前有weapp / swan / al原创 2020-06-23 19:03:42 · 1733 阅读 · 0 评论 -
Taro-授权登录
授权登录首先小程序在获取用户信息前应先检查微信是否授权登录,这里需要先获取用户的当前设置——Taro.getSetting// 使用方法一import Taro from '@tarojs/taro'Taro.getSetting({ success (res) {}})// 或者Taro.getSetting().then(res => {})// 使用方法二import Taro, { getSetting } from '@tarojs/taro'// 同上,去原创 2020-06-22 10:12:50 · 2605 阅读 · 1 评论 -
Taro-定位及向下滚动加载
定位使用 Taro 提供的API// 提前将微信小程序的JSSDK准备好放到项目中import AAMapWX from '../../../plugins/wxmap/qqmap-wx-jssdk'Taro.getLocation({ type: 'wgs84', success: function (res) { const latitude = res.latitude const longitude = res.longitude原创 2020-06-20 10:15:34 · 1672 阅读 · 0 评论 -
Taro-扫码
调用 Taro.scanCode在官网的API中我们可以看到扫码在设备分类里。用法和小程序里的是一样的。支持Promise。import Taro from '@tarojs/taro'Taro.scanCode(params).then(...)参数属性类型默认值必填说明最低版本onlyFromCamerabooleanfalse否是否只能从相机扫码,不允许从相册选择图片1.2.0scanTypeArray.[‘barCode’,‘qrCode原创 2020-06-19 09:26:14 · 2668 阅读 · 0 评论 -
Taro——分包
分包和微信小程序分包一样,需要在app.jsx中去配置subpackages选项subpackages: [ root: 'pages/distributionOrder/', name: 'distributionOrder', pages: [ 'index', 'add/addOrderInfo', ]]字段类型说明rootString分包根目录(src里的)nameString分包别名,分包预下载时可以原创 2020-06-18 09:17:39 · 4344 阅读 · 0 评论 -
React——antd4中遇到的 Select 坑
如果要动态渲染 Options ,还要在Select上设置这个属性:filterOption={false}也就是:import React from 'react'import { Select } from 'antd'const { Option } = Select;export default class AtSelect extends Component{ render(){ const { list } = this.state; re原创 2020-06-10 13:45:43 · 2633 阅读 · 1 评论