小程序部分常見面試題

提高微信小程序的應用速度的常見方式有哪些?

提高頁面加載速度

用戶行為預測

減少默認data的大小

組件化方案

分包預下載

小程序與原生App相比優缺點？

優點：
基于微信平臺開發，微信本身自帶的流量是最大的優勢,無需安裝，只要打開微信就能用，不占用用戶手機內存，體驗
好,開發周期短，一般最多一個月可以上線完成,開發所需的資金少，所需資金是開發原生APP一半不到,小程序名稱是
唯一性的，在微信的搜索里權重很高
容易上手，只要之前有HTML+CSS+JS基礎知識，寫小程序基本上沒有大問題；當然如果了解ES6+CSS3則完全可以編
寫出即精簡又動感的小程序；
基本上不需要考慮兼容性問題，只要微信可以正常運行的機器，就可以運行小程序；
發布、審核高效，基本上上午發布審核，下午就審核通過，升級簡單，而且支持灰度發布；
開發文檔比較完善，開發社區比較活躍；
新增webview組件，可以展示網頁
支持插件式開發，一些基本功能可以開發成插件，供多個小程序調用；
缺點：
1.局限性很強，（比如壓縮體積不能超過2M。樣式單一。小程序的部分組件已經是成型的了，樣式不可以修改。例
如：幻燈片、導航。）只能依賴于微信依托于微信，無法開發后臺管理功能。
2.不利于推廣推廣面窄，不能分享朋友圈，只能通過分享給朋友，附近小程序推廣。其中附近小程序也受到微信的限制
3.后臺調試麻煩，因為API接口必須https請求，且公網地址，也就是說后臺代碼必須發布到遠程服務器上；當然我們
可以修改host進行dns映射把遠程服務器轉到本地，或者開啟tomcat遠程調試；不管怎么說終歸調試比較麻煩。
4.前臺測試有諸多坑，最頭疼莫過于模擬器與真機顯示不一致
5.小程序中對js使用做了很多限制，不能使用：new Function，eval，Generator，不能操作cookie，不能操作DOM；
原生App優點：
1、原生的響應速度快
2、對于有無網絡操作時，譬如離線操作基本選用原生開發
3、需要調用系統硬件的功能（攝像頭、方向傳感器、重力傳感器、撥號、GPS、語音、短信、藍牙等功能）
4、在無網絡或者若網的情況下體驗好。
提高微信小程序的應用速度的常見方式有哪些?

提高頁面加載速度

用戶行為預測

減少默認data的大小

組件化方案

分包預下載
小程序與原生App相比優缺點？
優點：
基于微信平臺開發，微信本身自帶的流量是最大的優勢,無需安裝，只要打開微信就能用，不占用用戶手機內存，體驗
好,開發周期短，一般最多一個月可以上線完成,開發所需的資金少，所需資金是開發原生APP一半不到,小程序名稱是
唯一性的，在微信的搜索里權重很高
容易上手，只要之前有HTML+CSS+JS基礎知識，寫小程序基本上沒有大問題；當然如果了解ES6+CSS3則完全可以編
寫出即精簡又動感的小程序；
基本上不需要考慮兼容性問題，只要微信可以正常運行的機器，就可以運行小程序；
發布、審核高效，基本上上午發布審核，下午就審核通過，升級簡單，而且支持灰度發布；
開發文檔比較完善，開發社區比較活躍；
新增webview組件，可以展示網頁
支持插件式開發，一些基本功能可以開發成插件，供多個小程序調用；
缺點：
1.局限性很強，（比如壓縮體積不能超過2M。樣式單一。小程序的部分組件已經是成型的了，樣式不可以修改。例
如：幻燈片、導航。）只能依賴于微信依托于微信，無法開發后臺管理功能。
2.不利于推廣推廣面窄，不能分享朋友圈，只能通過分享給朋友，附近小程序推廣。其中附近小程序也受到微信的限
制
3.后臺調試麻煩，因為API接口必須https請求，且公網地址，也就是說后臺代碼必須發布到遠程服務器上；當然我們
可以修改host進行dns映射把遠程服務器轉到本地，或者開啟tomcat遠程調試；不管怎么說終歸調試比較麻煩。
4.前臺測試有諸多坑，最頭疼莫過于模擬器與真機顯示不一致
5.小程序中對js使用做了很多限制，不能使用：new Function，eval，Generator，不能操作cookie，不能操作
DOM；
原生App優點：
1、原生的響應速度快
2、對于有無網絡操作時，譬如離線操作基本選用原生開發
3、需要調用系統硬件的功能（攝像頭、方向傳感器、重力傳感器、撥號、GPS、語音、短信、藍牙等功能）
4、在無網絡或者若網的情況下體驗好。
缺點：
開發周期長，開發成本高
需要下載
簡述微信小程序原理？
5開發周期長，開發成本高
需要下載

簡述微信小程序原理？

答：微信小程序采用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、限制較多。頁面大小不能超過1M。不能打開超過5個層級的頁面。
2、樣式單一。小程序的部分組件已經是成型的了，樣式不可以修改。例如：幻燈片、導航。
3、推廣面窄，不能分享朋友圈，只能通過分享給朋友，附近小程序推廣。其中附近小程序也受到微信的限制。
4、依托于微信，無法開發后臺管理功能

小程序的發布流程（開發流程）

注冊微信小程序賬號
獲取微信小程序的 AppID
下載微信小程序開發者工具
創建demo項目
去微信公眾平臺配置域名
手機預覽
代碼上傳
提交審核
小程序發布

webview中的頁面怎么跳回小程序中

首先，需要在你的html頁面中引用一個js文件。

然后為你的按鈕標簽注冊一個點擊事件：
$(“.kaiqi”).click(function(){undefined
wx.miniProgram.redirectTo({url: ‘/pages/indexTwo/indexTwo’})
});
這里的redirectTo跟小程序中的wx.redirectTo()跳轉頁面是一樣的，會關閉當前頁跳轉到頁面。
你也可以替換成navigateTo，跳轉頁面不會關閉當前頁。

使用webview直接加載要注意哪些事項？

一、必須要在小程序后臺使用管理員添加業務域名；
二、h5頁面跳轉至小程序的腳本必須是1.3.1以上；
三、微信分享只可以都是小程序的主名稱了，如果要自定義分享的內容，需小程序版本在1.7.1以上；
四、h5的支付不可以是微信公眾號的appid，必須是小程序的appid，而且用戶的openid也必須是用戶和小程序的。

小程序授權登錄流程。

（授權，微信登錄獲取code，微信登錄，獲取 iv , encryptedData 傳到服務器后臺，如果沒有注冊，需要注冊。）
（授權，微信登錄獲取code，微信登錄，獲取 iv , encryptedData 傳到服務器后臺，如果沒有注冊，需要注冊。）

小程序支付如何實現？

1、小程序注冊，要以公司的以身份去注冊一個小程序，才有微信支付權限；
2、綁定商戶號。
3、在小程序填寫合法域
4.調用wx.login()獲取appid
5.調用
wx.requestPayment(
{
‘timeStamp’: ‘’,//時間戳從1970年1月1日00:00:00至今的秒數,即當前的時間
‘nonceStr’: ‘’,//隨機字符串，長度為32個字符以下。
‘package’: ‘’,//統一下單接口返回的 prepay_id 參數值，提交格式如：prepay_id=*
‘signType’: ‘MD5’,//簽名類型，默認為MD5，支持HMAC-SHA256和MD5。注意此處需與統一下單的簽名類型一致
‘paySign’: ‘’,//簽名,具體簽名方案參見微信公眾號支付幫助文檔;
‘success’:function(res){},//成功回調
‘fail’:function(res){},//失敗
‘complete’:function(res){}//接口調用結束的回調函數（調用成功、失敗都會執行）
})

小程序還有哪些功能？

客服功能，錄音，視頻，音頻，地圖，定位，拍照，動畫，canvas
微信小程序與H5的區別？
第一條是運行環境的不同
傳統的HTML5的運行環境是瀏覽器，包括webview，而微信小程序的運行環境并非完整的瀏覽器，是微信開發團隊基
于瀏覽器內核完全重構的一個內置解析器，針對小程序專門做了優化，配合自己定義的開發語言標準，提升了小程序的性能。
第二條是開發成本的不同
只在微信中運行，所以不用再去顧慮瀏覽器兼容性，不用擔心生產環境中出現不可預料的奇妙BUG
第三條是獲取系統級權限的不同
系統級權限都可以和微信小程序無縫銜接
第四條便是應用在生產環境的運行流暢度
長久以來，當HTML5應用面對復雜的業務邏輯或者豐富的頁面交互時，它的體驗總是不盡人意，需要不斷的對項目優化
來提升用戶體驗。但是由于微信小程序運行環境獨立

小程序怎么實現下拉刷新?

方式1:
通過在 app.json 中， 將 “enablePullDownRefresh”: true, 開啟全局下拉刷新。
或者通過在 組件 .json ， 將 “enablePullDownRefresh”: true, 單組件下拉刷新。
方式2:
scroll-view ：使用該滾動組件 自定義刷新，通過 bindscrolltoupper 屬性， 當滾動到頂部/左邊，會觸發
scrolltoupper事件，所以我們可以利用這個屬性，來實現下拉刷新功能。

總結

以上是生活随笔為你收集整理的提高微信小程序的应用速度的常见方式有哪些? 小程序怎么实现下拉刷新? 简述微信小程序原理？ 小程序的发布流程（开发流程）分析下微信小程序的优劣势？小程序授权登录流程？ 小程序支付如何实现的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。