Taro 遇到的坑

【Taro 遇到的坑】的更多相关文章

Taro 开发踩坑指南 (小程序，H5, RN)

Taro 开发踩坑指南 (小程序,H5, RN) css taro 如何展示多行文本省略号 https://www.cnblogs.com/xgqfrms/p/12569057.html UI 设计稿尺寸 375px * 2 === 750px (iphone 6) https://www.cnblogs.com/xgqfrms/protected/p/12568792.html js taro 绑定事件 https://nervjs.github.io/taro/docs/event.html…

1.createSelectorQuery无法获取节点宽高业务场景: 列表需要在最后一页底部显示 ‘我是有底线的~’ 提示,但是如果数据只有一页且不占满屏幕的话,就不显示.需要判断 ‘我是有底线的~’ 这个节点距离顶部的top值是否超出screenHeight. 因为小程序有很多列表需要用到 ‘我是有底线的~’ ,所以把它封装组件.然后使用 //创建节点选择器 var query = wx.createSelectorQuery(); //选择id var that = this; que…

小程序 & taro 踩坑指南

小程序 & taro 踩坑指南微信开发者工具, 不支持 react bug https://github.com/NervJS/taro/issues/5042 solution just following below steps 1. comment out ./config/index.js 's copy object 2. you have to manually install yarn add @tarojs/redux-h5 (if using Redux) xgqfrms 2…

taro 填坑之路（三）taro 缓存

1.taro 缓存 /** * 缓存数据 H5 小程序 * {food.id:{菜品信息 Num}, } */ import Taro from '@tarojs/taro'; // 取值 let store = Taro.getStorageSync(foodKey); // 存值 Taro.setStorageSync(foodKey,store); 2.Array 的 some 和 filter some 返回值为true/false if(this.state.foodlist.some…

taro 填坑之路（一）taro 项目回顾

(1)像素写法 PX -- 大写,否则会自动成rem (2)拿取列表第一条数据 let { activity:[firstItem] } = this.state; (3)使用props 需要设置默认值 XXX.defaultProps = { changeInput:null } (4)引入组件时,组件名需与文件名相同,否则报错 (5)引入的函数不能直接在子组件中用箭头函数调用,需要在子组件中单独写个函数,调用props上的函数 (6)map 不能放在 render 之外(h5可以,小程序不支…

Taro踩坑记录一: swiper组件pagestate定制，swiperChange中setState导致组件不能滚动。

import Taro, { Component } from '@tarojs/taro'; import { Swiper, SwiperItem, Image, View } from '@tarojs/components'; import PropTypes from 'prop-types'; import './MySlider.scss'; export default class MySlider extends Component { static propTypes = {…

taro 填坑之路（二）taro 通过事件监听实现组件间传值

1.组件传值的方式 2.事件监听原理 3.事件管理器 utils/event.js /** * 事件池(事件管理器) * 通过事件监听传值 */ class Event { constructor() { this.events = {}; } // 监听 on(eventName,callBack){ if(this.events[eventName]){ // 存在事件 this.events[eventName].push(callBack); }else{ // 不存在事件 this.e…