1 請談談微信小程序主要目錄和文件的作用？

• project.config.json 項目配置文件，用得最多的就是配置是否開啟https校驗；
• App.js 設置一些全局的基礎數據等；
• App.json 底部tab, 標題欄和路由等設置；
• App.wxss 公共樣式，引入iconfont等；
• pages 里面包含一個個具體的頁面；
• index.json (配置當前頁面標題和引入組件等)；
• index.wxml (頁面結構)；
• index.wxss (頁面樣式表)；
• index.js (頁面的邏輯，請求和數據處理等)；

2 請談談wxml與標準的html的異同？

• 都是用來描述頁面的結構；
• 都由標簽、屬性等構成；
• 標簽名字不一樣，且小程序標簽更少，單一標簽更多；
• 多了一些 wx:if 這樣的屬性以及 {{ }} 這樣的表達式
• WXML僅能在微信小程序開發者工具中預覽，而HTML可以在瀏覽器內預覽
• 組件封裝不同， WXML對組件進行了重新封裝，
• 小程序運行在JS Core內，沒有DOM樹和window對象，小程序中無法使用window對象和document對象。

3 請談談WXSS和CSS的異同？

• 都是用來描述頁面的樣子；
• WXSS 具有 CSS 大部分的特性，也做了一些擴充和修改；
• WXSS新增了尺寸單位，WXSS 在底層支持新的尺寸單位 rpx；
• WXSS 僅支持部分 CSS 選擇器；
• WXSS 提供全局樣式與局部樣式

4 你是怎么封裝微信小程序的數據請求的？

• 在根目錄下創建utils目錄及api.js文件和apiConfig.js文件；
• 在apiConfig.js 封裝基礎的get, post 和 put， upload等請求方法，設置請求體，帶上token和異常處理等；
• 在api中引入apiConfig.js封裝好的請求方法，根據頁面數據請求的urls, 設置對應的方法并導出；
• 在具體的頁面中導入；

5 小程序頁面間有哪些傳遞數據的方法？

• 使用全局變量實現數據傳遞
• 頁面跳轉或重定向時，使用url帶參數傳遞數據
• 使用組件模板 template傳遞參數
• 使用緩存傳遞參數
• 使用數據庫傳遞數據

6 請談談小程序的雙向綁定和vue的異同？

大體相同，但小(xiao)程(cheng)序直接this.data的(de)屬性是不(bu)可以(yi)同步(bu)到視圖(tu)的(de)，必須調用this.setData()方法(fa)！

7 請談談小程序的生命周期函數？

• onLoad() 頁面加載時觸發，只會調用一次，可獲取當前頁面路徑中的參數。
• onShow() 頁面顯示/切入前臺時觸發，一般用來發送數據請求；
• onReady() 頁面初次渲染完成時觸發, 只會調用一次，代表頁面已可和視圖層進行交互。
• onHide() 頁面隱藏/切入后臺時觸發, 如底部 tab 切換到其他頁面或小程序切入后臺等。
• onUnload() 頁面卸載時觸發，如redirectTo或navigateBack到其他頁面時。

8 簡述微信小程序原理？

• 小程序本質就是一個單頁面應用，所有的頁面渲染和事件處理，都在一個頁面內進行，但又可以通過微信客戶端調用原生的各種接口；
• 它的架構，是數據驅動的架構模式，它的UI和數據是分離的，所有的頁面更新，都需要通過對數據的更改來實現；
• 它從技術講和現有的前端開發差不多，采用JavaScript、WXML、WXSS三種技術進行開發；
• 功能可分為webview和appService兩個部分；
• webview用來展現UI，appService有來處理業務邏輯、數據及接口調用；
• 兩個部分在兩個進程中運行，通過系統層JSBridge實現通信，實現UI的渲染、事件的處理等。

9 請談談原生開發小程序、wepy、mpvue 的對比？

• 個人認為，如果是新項目，且沒有舊的 h5 項目遷移，則考慮用小程序原生開發，好處是相比于第三方框架，坑少。
• 而如果有 老的 h5 項目是 vue 開發 或者 也有 h5 項目也需要小程序開發，則比較適合 wepy 或者 mpvue 來做遷移或者開發，近期看wepy幾乎不更新了，所以推薦美團的mpvue。
• 而如果如果團隊前端強大，自己做一套框架也沒問題。

10 小程序和原生app哪個好？

　　小程序除(chu)了擁有公眾(zhong)號的(de)低(di)(di)開發(fa)成(cheng)本(ben)、獲(huo)客成(cheng)本(ben)低(di)(di)以及無需下載等優(you)勢，在服務請求延時與(yu)用(yong)戶使(shi)(shi)用(yong)體驗(yan)是都得到(dao)了較大幅度的(de)提升，使(shi)(shi)得其能(neng)夠承載跟復雜的(de)服務功能(neng)以及使(shi)(shi)用(yong)戶獲(huo)得更好的(de)用(yong)戶體驗(yan)。

11 簡述微信小程序原理

微信小程序采用JavaScript、WXML、WXSS三種技術進行開發，從技術講和現有的前端開發差不多，但深入挖掘的話卻又有所不同。

JavaScript：首先JavaScript的代碼是運行在微信App中的，并不是運行在瀏覽器中，因此一些H5技術的應用，需要微信App提供對應的API支持，而這限制住了H5技術的應用，且其不能稱為嚴格的H5，可以稱其為偽H5，同理，微信提供的獨有的某些API，H5也不支持或支持的不是特別好。

WXML：WXML微信自己基于XML語法開發的，因此開發時，只能使用微信提供的現有標簽，HTML的標簽是無法使用的。

WXSS：WXSS具有CSS的大部分特性，但并不是所有的都支持，而且支持哪些，不支持哪些并沒有詳細的文檔。

微信的架構，是數據驅動的架構模式，它的UI和數據是分離的，所有的頁面更新，都需要通過對數據的更改來實現。

小(xiao)程序分為兩(liang)個部(bu)分webview和appService。其(qi)中webview主要用來展(zhan)現UI，appService有(you)來處(chu)(chu)理(li)(li)業務邏輯、數據及接(jie)口調(diao)用。它們在兩(liang)個進程中運(yun)行，通過系統層(ceng)JSBridge實現通信，實現UI的渲染、事件的處(chu)(chu)理(li)(li)

12 微信小程序的雙向綁定和vue哪里不一樣

小程序直接this.data的屬性是(shi)不可(ke)以同步到(dao)視圖的，必須調用：this.setData({})