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

資訊專(zhuān)欄INFORMATION COLUMN

Taro:使用taro完成小程序開(kāi)發(fā)

Me_Kun / 2830人閱讀

摘要:前言是一個(gè)可以很好實(shí)現(xiàn)一次開(kāi)發(fā),多端統(tǒng)一的框架,本文只介紹它小程序端開(kāi)發(fā)的一些內(nèi)容。

前言:taro是一個(gè)可以很好實(shí)現(xiàn)一次開(kāi)發(fā),多端統(tǒng)一的框架,本文只介紹它小程序端開(kāi)發(fā)的一些內(nèi)容。
小程序項(xiàng)目搭建
gitup已經(jīng)有很清楚的說(shuō)明:https://github.com/NervJS/taro

一.主要操作步驟及命令:

1.cnpm install -g @tarojs/cli

全局安裝taro腳手架,此處我用的是淘寶鏡像cnpm,

寶鏡像配置命令:npm install -g cnpm --registry= https://registry.npm.taobao.org

安裝過(guò)程中會(huì)問(wèn)你是否需要redux模板,可以先不要,等感覺(jué)確實(shí)需要redux再添加,

ts如果不會(huì)的話(huà)也不需要安裝

2.執(zhí)行 cnpm run dev:weapp命令,就可以進(jìn)入小程序開(kāi)發(fā)環(huán)境進(jìn)行開(kāi)發(fā)了

二.開(kāi)發(fā)過(guò)程碰到的一些坑:

1.事件綁定傳參
本人喜歡用es6方式傳值,但是在taro使用es6傳值編譯會(huì)出錯(cuò),所以在使用taro制作小程序時(shí)建議使用.bind傳值,如點(diǎn)擊事件傳值:

onClick={this.onClick.bind(this,num)}

2.底部TabBar使用
官方的TabBar配置只要在app.js中配置好就行了,但是官方的TabBar只提供了部分屬性不好擴(kuò)展,如果需要擴(kuò)展,建議自定義開(kāi)發(fā)

3.小程序場(chǎng)景和頁(yè)面參數(shù)的獲取值獲取
小程序場(chǎng)景值獲取需要注意一點(diǎn) ,: 只能在app.js的componentWillMount生命周期獲取,直接上代碼

const params = this.$router.params;//獲取所有參數(shù)
const query = params.query ;//query里面是鏈接上帶的參數(shù)
const scene = params.scene ;//scene為場(chǎng)景值

如果在其他頁(yè)面中使用 this.$router.params ,如果鏈接帶參數(shù),得到的就是參數(shù)對(duì)象;如果不帶參數(shù),得到的是頁(yè)面路徑,是拿不到scene場(chǎng)景值的,如果開(kāi)發(fā)者需要場(chǎng)景值做一些事情,最好在 app.js中拿到scene儲(chǔ)存到本地

4.video組件使用時(shí)的一些坑
(1) poster屬性設(shè)置的背景圖無(wú)效 ,會(huì)一閃而過(guò);
(2) 網(wǎng)上所說(shuō)的,用cover-view或者cover-image,在視頻組件外套一層,親測(cè)在開(kāi)發(fā)者工具下可以,但是真機(jī)調(diào)試下不行,代碼如下:

本人的解決方案是,先隱藏Video組建,顯示背景圖;點(diǎn)擊背景圖再調(diào)用播放視頻接口,解絕了這個(gè)問(wèn)題,代碼如下:


     
     

在play 方法中加入

    const video = Taro.createVideoContext("video");
    video.play();

(4) video不能設(shè)置圓角樣式,在開(kāi)發(fā)者工具中可以展示圓角,真機(jī)上是無(wú)效的

5.獲取微信授權(quán),手機(jī)號(hào)登錄小程序
獲取微信授權(quán),拿到手機(jī)號(hào)登錄小程序,使用該功能前要注意一點(diǎn):該功能僅支持企業(yè)版小程序

下面講講該功能遇見(jiàn)的坑:
(1)使用該功能需要先獲取登錄的code碼,傳輸code到后臺(tái)接口獲取到session_key,獲取code,最好是在componentWillMount生命周期里面,不要放在getPhoneNumber()(授權(quán)獲取手機(jī)號(hào)的方法中),否則多次操作獲取手機(jī)號(hào)操作會(huì)出現(xiàn)session_key失效的問(wèn)題,直接上代碼:

//首先按鈕上做好事件綁定

//componentWillMount生命周期獲取code
Taro.login().then(res => {
if (res.code) {
this.setState({
code: res.code
})}})

//getPhoneNumber獲取授權(quán)解密手機(jī)號(hào)登錄
getPhoneNumber(e)

暫時(shí)先寫(xiě)這么多,后面會(huì)再補(bǔ)充一些,這里有個(gè)簡(jiǎn)單的小程序(涉及到的功能:手機(jī)號(hào)授權(quán)登陸,手機(jī)驗(yàn)證碼登陸,登出,頁(yè)面跳轉(zhuǎn)的交互,視頻播放等),項(xiàng)目git地址:

https://github.com/qzp199510/...

接口api封裝參考文章地址:

https://segmentfault.com/a/11...

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

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

相關(guān)文章

  • Taro使用taro完成小程開(kāi)發(fā)

    摘要:前言是一個(gè)可以很好實(shí)現(xiàn)一次開(kāi)發(fā),多端統(tǒng)一的框架,本文只介紹它小程序端開(kāi)發(fā)的一些內(nèi)容。 前言:taro是一個(gè)可以很好實(shí)現(xiàn)一次開(kāi)發(fā),多端統(tǒng)一的框架,本文只介紹它小程序端開(kāi)發(fā)的一些內(nèi)容。小程序項(xiàng)目搭建gitup已經(jīng)有很清楚的說(shuō)明:https://github.com/NervJS/taro 一.主要操作步驟及命令: 1.cnpm install -g @tarojs/cli 全局安裝taro...

    lavor 評(píng)論0 收藏0
  • 新的小程開(kāi)發(fā)框架?- Taro的深度實(shí)踐體驗(yàn)

    摘要:作為兩個(gè)小程序開(kāi)發(fā)框架都使用過(guò),并應(yīng)用在生產(chǎn)環(huán)境里的人,自然是要比較一下兩者的異同點(diǎn)。在這里與當(dāng)前很流行的小程序開(kāi)發(fā)框架之一進(jìn)行簡(jiǎn)單對(duì)比,主要還是為了方便大家更快速地了解,從而選擇更適合自己的開(kāi)發(fā)方式。 前言 前陣子,來(lái)自我們凹凸實(shí)驗(yàn)室的遵循 React 語(yǔ)法規(guī)范的多端開(kāi)發(fā)方案 - Taro終于對(duì)外開(kāi)源了,歡迎圍觀star(先打波廣告)。作為第一批使用了Taro開(kāi)發(fā)的TOPLIFE小程...

    maochunguang 評(píng)論0 收藏0
  • Taro 優(yōu)秀學(xué)習(xí)資源匯總

    摘要:多端統(tǒng)一開(kāi)發(fā)框架優(yōu)秀學(xué)習(xí)資源匯總官方資源項(xiàng)目倉(cāng)庫(kù)官方文檔項(xiàng)目倉(cāng)庫(kù)官方文檔微信小程序官方文檔百度智能小程序官方文檔支付寶小程序官方文檔字節(jié)跳動(dòng)小程序官方文檔文章教程不敢閱讀包源碼帶你揭秘背后的哲學(xué)從到構(gòu)建適配不同端微信小程序等的應(yīng)用小程序最 Awesome Taro 多端統(tǒng)一開(kāi)發(fā)框架 Taro 優(yōu)秀學(xué)習(xí)資源匯總 showImg(https://segmentfault.com/img/r...

    toddmark 評(píng)論0 收藏0
  • Taro 簡(jiǎn)介

    摘要:讓人又愛(ài)又恨的微信小程序自微信小程序以下簡(jiǎn)稱(chēng)小程序誕生以來(lái),就伴隨著贊譽(yù)與爭(zhēng)議不斷。同時(shí)于開(kāi)發(fā)者來(lái)說(shuō),小程序的生態(tài)不斷在完善,許多的坑已被踩平,雖然還是存在一些令人詬病的問(wèn)題,但已經(jīng)足見(jiàn)微信的誠(chéng)意了。 Taro 介紹 在互聯(lián)網(wǎng)不斷發(fā)展的今天,前端程序員們也不斷面臨著新的挑戰(zhàn),在這個(gè)變化多端、不斷革新自己的領(lǐng)域,每一年都有新的美好事物在發(fā)生。從去年微信小程序的誕生,到今年的逐漸火熱,以及...

    sixgo 評(píng)論0 收藏0
  • 【Copy攻城獅日志】借助Taro暴改Nideshop實(shí)現(xiàn)電商支付寶小程雛形

    摘要:接下來(lái),在支付寶小程序開(kāi)發(fā)者工具中打,不出意外能跑起來(lái)一個(gè)電商支付寶小程序雛形。地址以上是我這個(gè)攻城獅對(duì)使用轉(zhuǎn)換原生微信小程序?yàn)橹Ц秾毿〕绦虻囊淮挝⒉蛔愕赖膶?shí)踐。 showImg(https://segmentfault.com/img/bVbnCCN?w=1818&h=931);↑開(kāi)局一張圖,故事全靠編↑ 從一個(gè)需求說(shuō)起 作為底層的程序猿,哦不,我連猿都算不上,混的好的叫碼神,混得一...

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

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

0條評(píng)論

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