使用taro開發(fā)微信小程序會(huì)遇到什么問題-創(chuàng)新互聯(lián)

這篇文章主要介紹了使用taro開發(fā)微信小程序會(huì)遇到什么問題，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于成都網(wǎng)站制作、網(wǎng)站設(shè)計(jì)、青河網(wǎng)絡(luò)推廣、微信小程序、青河網(wǎng)絡(luò)營銷、青河企業(yè)策劃、青河品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們大的嘉獎(jiǎng)；創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供青河建站搭建服務(wù)，24小時(shí)服務(wù)熱線：028-86922220，官方網(wǎng)址：muchs.cn

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

一.taro開發(fā)搭建

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

2.在進(jìn)行預(yù)覽的時(shí)候，不同的方式區(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.各個(gè)標(biāo)簽在使用時(shí)首字母都是大寫，不大寫是不規(guī)范的

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

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

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

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

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

1.Picker：

用于寫滑動(dòng)選擇，選擇日期啥的，非常方便，示例是選擇時(shí)間的組件

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.首先如何寫一個(gè)組件

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

寫時(shí)修改組件名，在引用時(shí)就可直接引用，例如

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

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

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

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

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

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

wx.getUserInfo(OBJECT)此接口有調(diào)整，使用該接口將不再出現(xiàn)授權(quán)彈窗，請(qǐng)使用引導(dǎo)用戶主動(dòng)進(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)用戶主動(dòng)授權(quán)就OK了

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

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

即wx.getSettting變成Taro.getSetting。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“使用taro開發(fā)微信小程序會(huì)遇到什么問題”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計(jì)公司，關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計(jì)公司行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來學(xué)習(xí)!

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、網(wǎng)站設(shè)計(jì)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

分享標(biāo)題：使用taro開發(fā)微信小程序會(huì)遇到什么問題-創(chuàng)新互聯(lián)
地址分享：http://muchs.cn/article20/deiojo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)建站、域名注冊(cè)、網(wǎng)站改版、App開發(fā)、網(wǎng)頁設(shè)計(jì)公司、做網(wǎng)站

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容