總結分享微信小程式常見面試題

本篇文章為大家帶來了關於微信小程式的相關知識，其中主要介紹了一些常見的面試題，包括了怎麼在小程式中獲取用戶資訊、小程式中怎麼實作父子組件傳參，下面一起來看一下，希望對大家有幫助。

【相關學習推薦：小程式學習教學】

1.在小程式中如何取得使用者資訊？

（1）小程式為升級前：可使用wx.getUserInfo直接獲取用戶信息，目前逐漸不能使用該方法了

（2.）升級後，可使用以下方法獲取使用者的帳戶資訊：

（1）使用button，設定其屬性：open-type="getUserInfo"    取得使用者資訊

2.小程式中如何實現分享功能，微信有什麼限制？

傳送給朋友：onShareAppMessage(Object object);

分享到朋友圈： onShareTimeline();

限制：

“單頁模式”下，有些元件或介面有一定限制：

1、頁面無登入態，與登入相關的接口，入wx.login()皆不可用；

2、不允許跳轉其他頁面，包括跳轉小程式頁面，跳轉其他小程序，跳轉微信原生頁面；

#3、不允許橫屏，頁麵包含的tabbar不會渲染，包括自定的tabbar;

4、本地儲存與小程式普通模式不共用；

3.你的小程式是如何上線的，審核大概要花多久？

（1）在微信web開發者工具裡找到項目，並且設定好伺服器的域名，如果你的小程式沒有用到外網請求，可以不用設定伺服器。設定好伺服器，先預覽一下，看看有沒有問題，如果沒有問題的話，點選上傳。

（2）上傳程式碼之後，在微信公眾號平台登入微信小程式後台，點擊開發管理，就可以看到剛剛上傳的程式碼，點擊提交審核，就可以了。接下來就是等待微信官方的審核。

（3）一般都是1~3天左右

4.小程式中如何用像Vant一樣的第三方元件？

（1）打開cmd，進入你的專案中，在cmd中執行：npm init，初始化項目

（2)然後安裝Vant

 (3）打開小程式客戶端，選擇【工具】選單-> 選擇【建構npm】指令

5.小程式如何實作父子元件傳參?

1、父元件給子元件傳值

在子元件中定義屬性

properties: {    // 复杂定义    name:{      type: String,      value:'张三丰'    },  
  // 简单定义    name2:String},

父元件在引用子元件的時候透過設定屬性的方式給子元件傳值

2、 子元件給父元件傳值

在元件中綁定一個自訂事件

// 引用了自定义的组件， 绑定了myevent事件，这个事件对应的是parentEvent方法
<test-button name="张无忌" bindmyevent="parentEvent"></test-button>

在子元件中觸發這個事件，可以給父元件傳值。

子元件中透過triggerEvent觸發事件

 methods: {    方法名字: function(){      var myEventDetail = {}
  // detail对象，提供给事件监听函数      var myEventOption = {} 
  // 触发事件的选项      this.triggerEvent('myevent', myEventDetail, myEventOption)    }  }

6.小程式中APP的生命週期有哪些？

onLaunch(options)

小程式被載入完畢的時候呼叫。這個方法一般是用來做一些初始化的事情。例如取得使用者 資訊、取得歷史快取資訊、取得小程式開啟來源等。

onShow(options)

小程式啟動，或從後台進入前台顯示時呼叫。如果想要在小程式每次進入到前台的時候 都執行一些事情，那麼可以把程式碼放在這個裡面。例如一些即時動態更改的數據，用戶每次進來都要從伺服器更新，那麼我們就可以在這個裡面做。

onHide()

小程式被切換到後台（包括微信本身被切換到後台或小程式暫時被切換到後台時)。可以在這個方法中做一些資料的保存。

onError(String error)

小程式發生腳本錯誤，或是 api 呼叫失敗時觸發。在小程式發生錯誤的時候，會把錯誤 訊息傳送到這個函數中，所以可以在這個函數中做一些錯誤收集。

onPageNotFound(Object)

小程式要開啟的頁面不存在時觸發。一般在程式碼更新的時候，有些頁面被刪除了，但是 其他地方沒有改過來的情況下會發生這種情況，或者一些活動頁面，活動結束後被關掉了。也可以 在這個裡面做一些錯誤的收集和頁面的重新跳躍。

getApp()

取得目前的 app 物件。一般在app.js外的地方呼叫。在app.js內部可以使用this取得目前的大物件；在外面要用定義在app.js的全域資料時，要用getApp()。

7.小程式中Page的生命週期有哪些？

onLoad()、onReady()、onShow()、onHide()、onUnload()五個頁面生命週期函數，分別是頁面載入、就緒、渲染、隱藏、卸載時被呼叫。

8.小程式如何定義事件？

在小程式中綁定事件可以以bind開頭然後跟上事件的類型，如bindtap綁定一個點擊事件，對應的值是一個字串，需要在page建構器中定義同名函數，每次觸發事件之後就會執行對應函數的內容。

9.如何阻止小程式的事件冒泡？

在小程式中除了透過bind之外，還可以透過catch進行事件綁定，透過catch綁定的事件不會觸發事件冒泡。

10.如何讓事件在擷取階段觸發？

    事件的觸發分為兩個階段，首先是捕獲階段，其次是冒泡階段。預設事件都是在冒泡階段觸發。如果希望事件可以在擷取階段觸發，可以透過capture-bind進行事件綁定。

【相關學習推薦：小程式學習教學】

以上是總結分享微信小程式常見面試題的詳細內容。更多資訊請關注PHP中文網其他相關文章！