欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

使用taro開發(fā)微信小程序遇到的坑總結(jié)

 更新時間:2019年04月08日 10:21:05   作者:Vernefitzgeral  
Taro,京東凹凸實(shí)驗(yàn)室出品的適配多端的一個框架,這篇文章主要介紹了使用taro開發(fā)微信小程序遇到的坑總結(jié),需要的朋友可以參考下

Taro,京東凹凸實(shí)驗(yàn)室出品的適配多端的一個框架,Taro 是一套遵循 React 語法規(guī)范的 多端開發(fā) 解決方案?,F(xiàn)如今市面上端的形態(tài)多種多樣,Web、React-Native、微信小程序等各種端大行其道,當(dāng)業(yè)務(wù)要求同時在不同的端都要求有所表現(xiàn)的時候,針對不同的端去編寫多套代碼的成本顯然非常高,這時候只編寫一套代碼就能夠適配到多端的能力就顯得極為需要。

一.taro開發(fā)搭建

1.taro很方便就在于其環(huán)境搭建很輕松,照著官方文檔幾行代碼就能搭建好。

2.在進(jìn)行預(yù)覽的時候,不同的方式區(qū)別是很大的?。?!,寫的什么就要用什么進(jìn)行預(yù)覽,不然真的是天差地別。(我踩的最傻屌的坑)

二.關(guān)于標(biāo)簽

1.在taro上目前我所用的所有標(biāo)簽都要事先聲明,比如View,Button,Image等.如下聲明

import { View, Input, Button ,Image,Text} from "@tarojs/components";

2.各個標(biāo)簽在使用時首字母都是大寫,不大寫是不規(guī)范的

3.特別注意微信小程序只識別view和text等,相當(dāng)于于h5中的div,p標(biāo)簽等等

三.關(guān)于函數(shù)的書寫

1.遵從react語法,直接上例子

changeheading(e) {
  this.setState({
     heading: e.detail.value
       });
     }

四.關(guān)于taro本身自帶標(biāo)簽

1.Picker:

用于寫滑動選擇,選擇日期啥的,非常方便 ,示例是選擇時間的組件

state = {  timeSel: '12:01', }

onTimeChange = e => {
  this.setState({
     timeSel:
      e.detail.value
     })
  }

<Picker mode='time' onChange={this.onTimeChange}> 
        <View className='arry'> 
             {this.state.timeSel} > 
        </View>
</Picker>

2.Opendata

在微信小程序中用于獲取用戶頭像,昵稱等信息,可以直接獲取。

<OpenData className='avatar' type='userAvatarUrl'></OpenData>  //獲取頭像
<OpenData className='name' type='userNickName' lang='zh_CN'></OpenData>  // 獲取昵稱

3.其他的標(biāo)簽見taro官方文檔。

五. 關(guān)于組件的引用

1.首先如何寫一個組件

export default class 組件名 extends Component {
render(){
  return()
}

寫時修改組件名,在引用時就可直接引用,例如

import 組件名 from '../../組件所在位置';

六.關(guān)于頁面跳轉(zhuǎn)

1.首先要在 app.js 的 page 里添加要管理的頁面路徑(即要跳轉(zhuǎn)的頁面路徑)'pages/login/login',

2.然后在要跳轉(zhuǎn)的頁面寫一個跳轉(zhuǎn)方法就ok了

toPage() {
   Taro.navigateTo({
       url: '/pages/login/login', 
      }) 
   }

七.關(guān)于微信授權(quán)彈窗問題

wx.getUserInfo(OBJECT)此接口有調(diào)整,使用該接口將不再出現(xiàn)授權(quán)彈窗,請使用  引導(dǎo)用戶主動進(jìn)行授權(quán)操作,即該接口使用不在彈出授權(quán)窗口,只能使用button引導(dǎo)用戶自己完成授權(quán)操作
那么現(xiàn)在就是通過wx.getSetting來判斷用戶是否授權(quán),
如果授權(quán)直接獲取相關(guān)信息跳轉(zhuǎn)到相應(yīng)頁面
未授權(quán)的話就用button引導(dǎo)用戶主動授權(quán)就OK了

八.taro上調(diào)用微信的方法

在微信中是wx.xxxxx,而在taro里可以直接用,只需要將前面的wx改成Taro。

即wx.getSettting變成Taro.getSetting。

總結(jié)

以上所述是小編給大家介紹的使用taro開發(fā)微信小程序遇到的坑總結(jié),希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!

相關(guān)文章

最新評論