小程序之面試題

 

一：小程序與原生App哪個好？ 

答： 小程序除了擁有公眾號的低開發成本、獲客成本低以及無需下載等優勢，在服務請求延時與用戶使用體驗是都得到了較大幅度的提升，使得其能夠承載跟復雜的服務功能以及使用戶獲得更好的用戶體驗。

 

---

 

二：簡述微信小程序原理？  

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

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

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

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

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

小程序分為兩個部分webview和appService。其中webview主要用來展現UI，appService有來處理業務邏輯、數據及接口調用。它們在兩個進程中運行，通過系統層JSBridge實現通信，實現UI的渲染、事件的處理

 

---

 

三：分析下微信小程序的優劣勢？

答：
優勢：

1、無需下載，通過搜索和掃一掃就可以打開。

2、良好的用戶體驗：打開速度快。

3、開發成本要比App要低。

4、安卓上可以添加到桌面，與原生App差不多。

5、為用戶提供良好的安全保障。小程序的發布，微信擁有一套嚴格的審查流程， 不能通過審查的小程序是無法發布到線上的。

劣勢：

1、限制較多。頁面大小有限制（持續更新中）。不能打開超過10個層級的頁面（持續更新中）。

2、樣式單一。小程序的部分組件已經是成型的了，樣式不可以修改。例如：幻燈片、導航。

3、推廣面窄，不能分享朋友圈，只能通過分享給朋友，附近小程序推廣。其中附近小程序也受到微信的限制。

4、依托於微信，無法開發后台管理功能。

 

---

 

四：微信小程序與H5的區別？

答：

第一條是運行環境的不同

傳統的HTML5的運行環境是瀏覽器，包括webview，而微信小程序的運行環境並非完整的瀏覽器，是微信開發團隊基於瀏覽器內核完全重構的一個內置解析器，針對小程序專門做了優化，配合自己定義的開發語言標准，提升了小程序的性能。


第二條是開發成本的不同

只在微信中運行，所以不用再去顧慮瀏覽器兼容性，不用擔心生產環境中出現不可預料的奇妙BUG


第三條是獲取系統級權限的不同

系統級權限都可以和微信小程序無縫銜接


第四條便是應用在生產環境的運行流暢度

長久以來，當HTML5應用面對復雜的業務邏輯或者豐富的頁面交互時，它的體驗總是不盡人意，需要不斷的對項目優化來提升用戶體驗。但是由於微信小程序運行環境獨立

 

---

 

五：小程序的雙向綁定和vue哪里不一樣？

小程序直接this.data的屬性是不可以同步到視圖的，必須調用：

this.setData({
          noBind:true
})