1. 程式人生 > >微信小程序面試題

微信小程序面試題

模式 標簽 朋友 後臺管理 無縫銜接 size clas mark 超過

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

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

一、WXML (WeiXin Markup Language)是框架設計的一套標簽語言,結合基礎組件、事件系統,可以構建出頁面的結構。內部主要是微信自己定義的一套組件。

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

二、js 邏輯處理,網絡請求



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

四、app.json

必須要有這個文件,如果沒有這個文件,項目無法運行,因為微信框架把這個作為配置文件入口,整個小程序的全局配置。包括頁面註冊,網絡設置,以及小程序的window背景色,配置導航條樣式,配置默認標題。

五、app.js
必須要有這個文件,沒有也是會報錯!但是這個文件創建一下就行 什麽都不需要寫以後我們可以在這個文件中監聽並處理小程序的生命周期函數、聲明全局變量。

六、app.wxss

你是怎麽封裝微信小程序的數據請求的?
答:
一、將所有的接口放在統一的js文件中並導出

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

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

你使用過哪些方法,來提高微信小程序的應用速度?
答:
一、提高頁面加載速度
二、用戶行為預測
三、減少默認data的大小
四、組件化方案

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


7、分析下微信小程序的優劣勢?
答:
優勢:

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

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

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

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

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

劣勢:

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

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

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

4、依托於微信,無法開發後臺管理功能。


8、微信小程序與H5的區別?

答:

第一條是運行環境的不同

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


第二條是開發成本的不同

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


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

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


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

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

微信小程序面試題