国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專(zhuān)欄INFORMATION COLUMN

使用 Taro 寫(xiě)一個(gè)你畫(huà)我猜的小程序

jkyin / 3032人閱讀

摘要:選擇技術(shù)類(lèi)型微信小程序使用功能不多就不是使用了后臺(tái)用寫(xiě),使用選來(lái)做。這里使用做畫(huà)布是有問(wèn)題的,它不支持。游戲同步問(wèn)題,這里用狀態(tài)同步的方法。最后使用的還是挺爽的

選擇技術(shù)類(lèi)型

微信小程序使用Taro(功能不多就不是使用Redux了),后臺(tái)用php寫(xiě),websocket使用選workman來(lái)做。
這里使用Taro做畫(huà)布是有問(wèn)題的,它不支持h5。

選型的問(wèn)題

taro 不支持畫(huà)布的H5

下面來(lái)詳細(xì)講講
小程序登陸,我的做法是寫(xiě)一個(gè)登陸的組件,再在layout中加入login的組件
return (
            
                {this.props.children}
                
            
        )

這里微信獲取用戶(hù)信息是異步的,在到后臺(tái)獲取openid也是異步的,但是我更希望整個(gè)過(guò)程是同步運(yùn)行的這樣寫(xiě)的代碼也好看點(diǎn)

但是不支持同步處理,這里使用regeneratorRuntime await Promise 來(lái)處理

websocket 斷線(xiàn)重連問(wèn)題

小程序在后臺(tái)運(yùn)行很快websocket會(huì)斷開(kāi)連接,使用onshow(componentDidShow)方法,此時(shí)后臺(tái)的websocket 其實(shí)可能也已經(jīng)失去

結(jié)局辦法websocket創(chuàng)建將獲得連接id,將id對(duì)應(yīng)到uid放在redis中,發(fā)送消息就已uid去找連接id。

游戲同步問(wèn)題,這里用狀態(tài)同步的方法。狀態(tài)修改便通過(guò)websocket來(lái)同步。

typescript

整個(gè)畫(huà)布加上對(duì)局后加入websocket以后代碼將變得更為繁瑣,這個(gè)玩意可以確保獲取正確類(lèi)型判斷提示。

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 使用的還是挺爽的??!

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/103280.html

相關(guān)文章

  • 使用 Taro 寫(xiě)一個(gè)你畫(huà)我猜的小程序

    摘要:選擇技術(shù)類(lèi)型微信小程序使用功能不多就不是使用了后臺(tái)用寫(xiě),使用選來(lái)做。這里使用做畫(huà)布是有問(wèn)題的,它不支持。游戲同步問(wèn)題,這里用狀態(tài)同步的方法。最后使用的還是挺爽的 選擇技術(shù)類(lèi)型 微信小程序使用Taro(功能不多就不是使用Redux了),后臺(tái)用php寫(xiě),websocket使用選workman來(lái)做。 這里使用Taro做畫(huà)布是有問(wèn)題的,它不支持h5。 選型的問(wèn)題 taro 不支持畫(huà)布的H5...

    TANKING 評(píng)論0 收藏0
  • Vue2 + Nodejs + WebSocket 完成你畫(huà)我猜多人在線(xiàn)游戲

    摘要:使用即可完成一個(gè)很有意思的在線(xiàn)游戲作品。你畫(huà)我猜,相信大家對(duì)這個(gè)游戲都很熟悉。我用實(shí)現(xiàn)了你畫(huà)我猜這個(gè)游戲??梢孕薷漠?huà)筆顏色,粗細(xì),進(jìn)行撤銷(xiāo),恢復(fù),清空等操作。第一個(gè)猜完后,游戲時(shí)間縮短為秒。 使用 websocket + vue2 即可完成一個(gè)很有意思的在線(xiàn)游戲作品。你畫(huà)我猜,相信大家對(duì)這個(gè)游戲都很熟悉。 我用Vue2 + mint-ui + nodejs + websocket ...

    XanaHopper 評(píng)論0 收藏0
  • 基于 socket.io 實(shí)現(xiàn)實(shí)時(shí)你畫(huà)我猜游戲

    摘要:演示地址實(shí)時(shí)畫(huà)板聊天室你畫(huà)我猜聊天室圖片搶先看解釋關(guān)于是基于實(shí)現(xiàn)的套接字前端后端數(shù)據(jù)交互的庫(kù),通過(guò)它的封裝,使用者可以很方便的開(kāi)發(fā),而且支持長(zhǎng)輪詢(xún)等方法,兼容低版本瀏覽器。最后推薦一個(gè)實(shí)時(shí)的更加優(yōu)秀的游戲。 前言 一直都想好好的學(xué)習(xí)運(yùn)用node,一直都不知道要做什么東西,最近Java Web老師要求做個(gè)前端的應(yīng)用,既然是前端應(yīng)用,那肯定得是單頁(yè)應(yīng)用了,而且node很適用于高并發(fā)的實(shí)時(shí)應(yīng)...

    jsummer 評(píng)論0 收藏0
  • Taro集成Redux快速上手

    摘要:開(kāi)發(fā)前需要安裝和以及一些需要用到的中間件如果在要使用的話(huà),還需要引入這個(gè)庫(kù)或者使用示例下面通過(guò)實(shí)現(xiàn)一個(gè)快速上手。然后開(kāi)始創(chuàng)建處理這兩個(gè)指令的。完成上述三步之后,我們就可以在應(yīng)用的主頁(yè)使用相應(yīng)修改并取得新的數(shù)據(jù)了。 本文適合有一定React和Redux基礎(chǔ)的用戶(hù)閱讀。 前言的前言 最近被一款來(lái)自京東凹凸實(shí)驗(yàn)室的多終端開(kāi)發(fā)框架Taro吸粉了,官方對(duì) Taro 的簡(jiǎn)介是使用React語(yǔ)法,一...

    DevYK 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<