前12道重點背，

※1 小程式的頁面生命周期函式包含哪些？它們分別在什么時候觸發？

正確答案：

(1)onLoad頁面加載時觸發
(2)onReady頁面初次渲染完成時觸發
(3)onShow頁面顯示時觸發
(4)onHide頁面隱藏時觸發
(5)onUnload頁面卸載時觸發

※2 簡單介紹微信小程式、原生APP和Web App之間的區別，

正確答案：
微信小程式：是繼原生APP、Web APP之后出現的一種新的APP形態，適合開發一些業務邏輯簡單、低頻次使用、對性能要求不高的應用，
原生APP：由于Android和IOS兩個平臺的不兼容，需要開發兩個版本，開發成本高，
Web APP：基于HTML5開發，解決了跨平臺的問題，但是性能和用戶體驗不佳，

※3 簡述小程式有哪些優點？

正確答案：
(1)無需下載
(2)無需升級
(3)開發周期短
(4)開發成本低
(5)體積小
(6)跨平臺

※4、簡述什么是微信小程式

微信小程式 ，簡稱 小程式 ，英文名Mini Program，是一種不需要下載安裝即可使用的應用,它實作了應用“觸手可及”的夢想,用戶掃一掃或搜一下即可打開應用，

※5、微信小程式開發程序中頁面渲染的方式有哪些？簡單舉例說明

wx:for串列渲染; 舉例:通過回圈陣列實作,陳述句:wx:for=”{{[…]}}”
wx:if條件渲染; 舉例:通過給定布林值實作,陳述句wx:if=”{{true/false}}”

※6、簡單介紹在微信小程式中實作背景音樂播放有哪些方式?

可以用wx.getBackgroundAudioManager介面，其特點在于小程式切入后臺時如果音樂處于播放狀態，可以繼續播放，
也可以用wx.createlnnerAudioContext介面，播放音頻

※7、簡述wx.navigateTo、wx.redirectTo和wx.switchTab跳轉方式的不同

wx.navigateTo() 跳轉到應用內的某個頁面,且保留當前頁面
wx.redirectTo() 跳轉到應用內的某個頁面,且關閉當前頁面
wx.switchTab() 跳轉頁面,且只能跳轉到tabBar頁面,并關閉其他所有非tabBar頁面

※8、簡述小程式的wxss和css有哪些不同之處

wxss具有css大部分特性,wxss對css進行了擴充和修改,使之更適合開發微信小程式，
wxss擴展的特性有:

• 尺寸單位:rpx:
• 可以根據螢屏寬度進行自適應
• 樣式匯入:@import陳述句可以匯入外聯樣式表,@import后跟需要匯入的外聯樣式表的相對路徑,用;表示陳述句結束

※9、打開一個微信小程式可以通過哪些方式實作?

1、微信對話分享進入
2、掃碼進入
3、搜索關鍵詞進入

※10、簡述微信小程式開發具體步驟及所需的檔案結構

打開安裝好的微信開發者工具,選擇小程式專案;
填寫小程式專案資訊,利用普通快速啟動模板創建目錄結構;
打開目錄結構主要包括專案組態檔 project.config.json、應用程式組態檔app.json、公共樣式檔案app.wxss、頁面結構目錄pages、app.js應用程式的邏輯代碼等，

※11、簡要介紹WeUi、mpvue和WePY

(1)WeUi是微信官方設計團隊為微信Web開發打造的一個基礎樣式庫，可以使得小程式的各種組件的設計風格與微信極為相似，給用戶更加一致的體驗，
(2)mpvue是從整個Vue.js核 心代碼上經過二次開發形成的一個框架，相當于在Vue.js的基礎上增加了開發微信小程式的能力，
(3)WePY在開發程序中參考了Vue.js等現有框架的一些語法風格和功能特性，對原生小程式的開發模式的再次封裝，更貼近與MVVM模式，

※12、簡述微信小程式用戶登錄的流程，

• 呼叫wx.login獲取code
• 呼叫wx.request發送code到我們自己的服務器（我們自己的服務器會回傳一個登錄狀態的標識，比如token）
• 將登錄狀態的標識token進行存盤，以便下次使用
• 請求需要登錄狀態的介面時，帶上這個token，

13、請舉例說明什么是事件，什么是事件處理函式，

bindtap :把點擊事件系結到組件,當觸摸組件時觸發事件處理函式，
事件處理函式:事件觸發后執行的回呼函式,其中事件物件是 e

14、簡單介紹flex布局及兼容性

flex布局：彈性盒布局
設定父元素的display屬性值為flex
設定子元素的相關屬性調整布局,如flex、flex-direction等

15、請分別簡單地介紹swiper、scroll-ciew、image組件的典型應用，

swiper 組件用來實作輪播圖和多頁面結構;
scroll-view 組件當內容超出當前組件的高度時,自動出現滾動條;
image 組件引入圖片,通過屬性控制圖片的顯示模式; 模式: 4 種縮放模式; 9 種裁剪模式;

16、簡述如何使用scroll-view實作內容橫向滾動

水平滾動時, scroll-x='true',
同時 屬性一定要設定:

 .container { white-space : nowrap ; } 
 .size { display : inline-block ; width : 300 rpx ; }

17、簡述如何獲取input輸入框的值

只寫一個e.detail.value應該就可以了吧，，

給input組件系結一個函式，例bindInputValue()函式;
在.js檔案中獲取: e.detail.value
例：

bindInputValue:function(e){ 
const value = 
console.log(value)
}

18、請簡述input組件中哪個屬性可以設定輸入文本的最大長度

input組件中使用maxlength屬性控制最大輸入長度; 但是如果最大輸入長度設定為了-1時,則不限制最大長度，

19、簡述微信小程式中如何禁止下拉

設定enablePullDownRefresh屬性為false

20、簡述header頭部請求的兩種請求方式

"Content-Type": "application/x-www-form-urlencoded" 
'Content-Type': 'application/json'

21、請簡述使用flex如何實作容器內元素的垂直居中對齊

display:flex;
justify-content:center; // 水平
align-items: center;     // 垂直

22、簡述POST請求方式與GET請求方式的區別

Get請求是將資料放在請求的Url中，而Post請求是將資料放到請求報文中，

23.簡述什么是微信小程式框架，

（1）微信小程式框架可以用來快速構建微信小程式專案；
（2）主要包括：mpvue、WeUI、WePY、小程式原生框架；

24、簡述如何封裝微信小程式的資料請求

1. 將所有的介面放在統一的js檔案中并匯出
2. 在app.js中創建封裝請求資料的方法
3. 在子頁面中呼叫封裝的方法請求資料