微信小程序面試題

小程序與原生App哪一個好？ 
答： 小程序除了擁有公衆號的低開發成本、低獲客成本低以及無需下載等優點，在服務請求延時與用戶使用體驗是都獲得了較大幅度  的提高，使得其可以承載跟複雜的服務功能以及使用戶得到更好的用戶體驗。

 

簡單描述下微信小程序的相關文件類型？
答：微信小程序項目結構主要有四個文件類型,以下

1、WXML （WeiXin Markup Language）是框架設計的一套標籤語言，結合基礎組件、事件系統，能夠構建出頁面的結構。內部主要是微信本身定義的一套組件。

2、WXSS (WeiXin Style Sheets)是一套樣式語言，用於描述 WXML 的組件樣式，

2、js 邏輯處理，網絡請求

3、json 小程序設置，如頁面註冊，頁面標題及tabBar。

4、app.json

必需要有這個文件，若是沒有這個文件，項目沒法運行，由於微信框架把這個做爲配置文件入口，整個小程序的全局配置。包括頁面註冊，網絡設置，以及小程序的window背景色，配置導航條樣式，配置默認標題。

5、app.js
必需要有這個文件，沒有也是會報錯！可是這個文件建立一下就行 什麼都不須要寫之後咱們能夠在這個文件中監聽並處理小程序的生命週期函數、聲明全局變量。

6、app.wxss

 

你是怎麼封裝微信小程序的數據請求的？
答：
1、將全部的接口放在統一的js文件中並導出

2、在app.js中建立封裝請求數據的方法

3、在子頁面中調用封裝的方法請求數據

 

你使用過哪些方法，來提升微信小程序的應用速度？
答：
1、提升頁面加載速度
2、用戶行爲預測
3、減小默認data的大小
4、組件化方案

 

簡述微信小程序原理？ 
答：微信小程序採用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的渲染、事件的處理

七、分析下微信小程序的優劣勢？
答：
優點：

一、無需下載，經過搜索和掃一掃就能夠打開。

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

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

四、安卓上能夠添加到桌面，與原生App差很少。

五、爲用戶提供良好的安全保障。小程序的發佈，微信擁有一套嚴格的審查流程， 不能經過審查的小程序是沒法發佈到線上的。

劣勢：

一、限制較多。頁面大小不能超過1M。不能打開超過5個層級的頁面。

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

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

四、依託於微信，沒法開發後臺管理功能。


八、微信小程序與H5的區別？

答：

第一條是運行環境的不一樣

傳統的HTML5的運行環境是瀏覽器，包括webview，而微信小程序的運行環境並不是完整的瀏覽器，是微信開發團隊基於瀏覽器內核徹底重構的一個內置解析器，針對小程序專門作了優化，配合本身定義的開發語言標準，提高了小程序的性能。


第二條是開發成本的不一樣

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


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

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


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

長久以來，當HTML5應用面對複雜的業務邏輯或者豐富的頁面交互時，它的體驗老是不盡人意，須要不斷的對項目優化來提高用戶體驗。可是因爲微信小程序運行環境獨立