1 請(qǐng)談?wù)勎⑿判〕淌街饕夸浐蜋n案的作用？

• project.config.json 專案設(shè)定文件，用得最多的就是設(shè)定是否開啟https校驗(yàn)；

• App.js 設(shè)定一些全域的基礎(chǔ)資料等；

• App.json 底部tab, 標(biāo)題列與路由等設(shè)定；

• App.wxss 公共樣式，引入iconfont等；

• pages 裡麵包含一個(gè)個(gè)具體的頁(yè)面；

• index.json (配置目前頁(yè)面標(biāo)題和引入元件等)；

• index.wxml (頁(yè)面結(jié)構(gòu));

• index.wxss (頁(yè)面樣式表);

• index.js (頁(yè)面的邏輯，請(qǐng)求與資料處理等);

2 請(qǐng)談?wù)剋xml與標(biāo)準(zhǔn)的html的異同？

• 都是用來(lái)描述頁(yè)面的結(jié)構(gòu)；
• 都由標(biāo)籤、屬性等構(gòu)成；
• 標(biāo)籤名字不一樣，且小程式標(biāo)籤更少，單一標(biāo)籤更多；
• 多了一些wx:if 這樣的屬性以及{{ }} 這樣的表達(dá)式
• WXML只能在微信小程式開發(fā)者工具中預(yù)覽，而HTML可以在瀏覽器內(nèi)預(yù)覽
• 元件封裝不同， WXML對(duì)元件進(jìn)行了重新封裝，
• 小程式運(yùn)行在JS Core內(nèi)，沒有DOM樹和window對(duì)象，小程式中無(wú)法使用window物件和document物件。

3 請(qǐng)談?wù)刉XSS和CSS的異同？

• 都是用來(lái)描述頁(yè)面的樣子；

• WXSS 具有CSS 大部分的特性，也做了一些擴(kuò)充和修改；

• WXSS新增了尺寸單位，WXSS 在底層支援新的尺寸單位rpx;

• WXSS 僅支援部分CSS 選擇器；

• WXSS 提供全域樣式與局部樣式

4 你是怎麼封裝微信小程式的資料請(qǐng)求的？

• 在根目錄下建立utils目錄及api.js檔案與apiConfig.js檔案;

• 在apiConfig.js 封裝基礎(chǔ)的get , post 和put，upload等請(qǐng)求方法，設(shè)定請(qǐng)求體，帶上token和異常處理等；

• 在api中引入apiConfig.js封裝好的請(qǐng)求方法，根據(jù)頁(yè)面數(shù)據(jù)請(qǐng)求的urls, 設(shè)定對(duì)應(yīng)的方法並匯出；

• ##在特定的頁(yè)面中匯入；

5 小程式頁(yè)頁(yè)間有哪些傳遞數(shù)據(jù)的方法？

• 使用全域變數(shù)實(shí)作資料傳遞

• 當(dāng)頁(yè)面跳轉(zhuǎn)或重定向時(shí)，使用url帶參數(shù)傳遞資料

• #使用元件模板template傳遞參數(shù)

• 使用快取傳遞參數(shù)

• 使用資料庫(kù)傳遞資料

6 請(qǐng)談?wù)勑〕淌降碾p向綁定和vue的異同？

大致相同，但小程式直接this.data的屬性是不可以同步到視圖的，必須呼叫this.setData()方法！

7 請(qǐng)談?wù)勑〕淌降纳L期函數(shù)？

• onLoad() 頁(yè)面載入時(shí)觸發(fā)，只會(huì)呼叫一次，可取得目前頁(yè)面路徑中的參數(shù)。

• onShow() 頁(yè)面顯示/切入前臺(tái)時(shí)觸發(fā)，一般用來(lái)傳送資料請(qǐng)求；

• onReady() 頁(yè)面初次渲染完成時(shí)觸發(fā), 只會(huì)呼叫一次，代表頁(yè)面已可和視圖層進(jìn)行互動(dòng)。

• onHide() 頁(yè)面隱藏/切入後臺(tái)時(shí)觸發(fā), 如底部 tab 切換到其他頁(yè)面或小程式切入後臺(tái)等。

• onUnload() 頁(yè)面卸載時(shí)觸發(fā)，如redirectTo或navigateBack到其他頁(yè)面時(shí)。

8 簡(jiǎn)述微信小程式原理？

• 小程式本質(zhì)就是一個(gè)單一頁(yè)面應(yīng)用，所有的頁(yè)面渲染和事件處理，都在一個(gè)頁(yè)面內(nèi)進(jìn)行，但又可以透過微信客戶端呼叫原生的各種介面；

• 它的架構(gòu)，是資料驅(qū)動(dòng)的架構(gòu)模式，它的UI和資料是分開的，所有的頁(yè)面更新，都需要透過資料的變更來(lái)實(shí)現(xiàn)；

• 它從技術(shù)講和現(xiàn)有的前端開發(fā)差不多，採(cǎi)用JavaScript、WXML、WXSS三種技術(shù)進(jìn)行開發(fā)；

• 功能可分為webview和appService兩個(gè)部分；

• webview用來(lái)展現(xiàn)UI，appService有來(lái)處理業(yè)務(wù)邏輯、資料及介面呼叫；

##兩個(gè)部分在兩個(gè)行程中運(yùn)行，透過系統(tǒng)層JSBridge實(shí)現(xiàn)通信，實(shí)現(xiàn)UI的渲染、事件的處理等。
9 請(qǐng)談?wù)勗_發(fā)小程式、wepy、mpvue 的比較？

個(gè)人認(rèn)為，如果是新項(xiàng)目，且沒有舊的 h5 項(xiàng)目遷移，則考慮用小程式原生開發(fā)，好處是比起第三方框架，坑少。
而如果有老的h5 專案是vue 開發(fā)或也有h5 專案也需要小程式開發(fā)，則比較適合wepy 或mpvue 來(lái)做遷移或開發(fā)，近期看wepy幾乎不更新了，所以推薦美團(tuán)的mpvue。
而如果如果團(tuán)隊(duì)前端強(qiáng)大，自己做一套框架也沒問題。

10 小程式和原生app哪個(gè)好？

小程式除了擁有公眾號(hào)的低開發(fā)成本、獲客成本低以及無(wú)需下載等優(yōu)勢(shì)，在服務(wù)請(qǐng)求延時(shí)與用戶使用體驗(yàn)是都得到了較大幅度的提升，使得其能夠承載跟隨複雜的服務(wù)功能以及使用戶獲得更好的用戶體驗(yàn)。

11 簡(jiǎn)述微信小程式原理

微信小程式採(cǎi)用JavaScript、WXML、WXSS三種技術(shù)進(jìn)行開發(fā)，從技術(shù)講和現(xiàn)有的前端開發(fā)差不多，但深入挖掘的話卻又有所不同。

JavaScript：首先JavaScript的程式碼是運(yùn)行在微信App中的，並不是運(yùn)行在瀏覽器中，因此一些H5技術(shù)的應(yīng)用，需要微信App提供對(duì)應(yīng)的API支持，而這限制住了H5技術(shù)的應(yīng)用，且其不能稱為嚴(yán)格的H5，可以稱其為偽H5，同理，微信提供的獨(dú)有的某些API，H5也不支持或支持的不是特別好。

WXML：WXML微信自己是基於XML語(yǔ)法開發(fā)的，因此在開發(fā)時(shí)，只能使用微信提供的現(xiàn)有標(biāo)籤，HTML的標(biāo)籤是無(wú)法使用的。

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

微信的架構(gòu)，是資料驅(qū)動(dòng)的架構(gòu)模式，它的UI和資料是分開的，所有的頁(yè)面更新，都需要透過資料的變更來(lái)實(shí)現(xiàn)。

小程式分為兩個(gè)部分webview和appService。其中webview主要用來(lái)展現(xiàn)UI，appService有來(lái)處理業(yè)務(wù)邏輯、資料及介面呼叫。它們?cè)趦蓚€(gè)進(jìn)程中運(yùn)行，透過系統(tǒng)層JSBridge實(shí)現(xiàn)通信，實(shí)現(xiàn)UI的渲染、事件的處理

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

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

推薦教程：《微信小程式》

以上是微信小程式必知必會(huì)面試題的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！