当前位置 : 主页 > 网络编程 > 其它编程 >

运用Taro写一个你画我猜的小顺序

来源:互联网 收集:自由互联 发布时间:2023-07-02
挑选手艺范例微信小顺序运用Taro(功用不多就不是运用Redux了),背景用php写,websocket运用选workman来做。这里运用Taro做画布是有题目的,它不支撑h5。选 挑选手艺范例 微信小顺序运用
挑选手艺范例微信小顺序运用Taro(功用不多就不是运用Redux了),背景用php写,websocket运用选workman来做。这里运用Taro做画布是有题目的,它不支撑h5。选

挑选手艺范例

  • 微信小顺序运用Taro(功用不多就不是运用Redux了),背景用php写,websocket运用选workman来做。 这里运用Taro做画布是有题目的,它不支撑h5。

选型的题目

  • taro 不支撑画布的H5

下面来细致讲讲

小顺序上岸,我的做法是写一个上岸的组件,再在layout中到场login的组件

return ( {this.props.children} )

  • 这里微信猎取用户信息是异步的,在到背景猎取openid也是异步的,然则我更愿望全部历程是同步运转的如许写的代码也好看点
  • 然则不支撑同步处置惩罚,这里运用regeneratorRuntime await Promise 来处置惩罚

websocket 断线重连题目

  • 小顺序在背景运转很快websocket会断开衔接,运用onshow(componentDidShow)要领,此时背景的websocket 实在能够也已落空
  • 终局方法websocket建立将取得衔接id,将id对应到uid放在redis中,发送音讯就已uid去找衔接id。
  • 游戏同步题目,这里用状况同步的要领。状况修正便经由过程websocket来同步。

typescript

  • 全部画布加上对局后到场websocket今后代码将变得更加烦琐,这个玩意能够确保猎取准确范例推断提醒。

export class UserType { type: string = ""; nickname: string = ""; uid: number = 0; img: string = '';}export class Game { room: string; uid: number; time: number =100; start: boolean = false; name: string =""; prompt: Array = []; userList: Array = [];}public state = { socket: Object, user: new UserType, game: new Game, log: Array>() }

末了

taro 运用的照样挺爽的!!

《运用 Taro 写一个你画我猜的小顺序》

上一篇:LeetcodeRangeSumQueryImmutable
下一篇:没有了
网友评论