小程序部分常見(jiàn)面試題

提高微信小程序的應(yīng)用速度的常見(jiàn)方式有哪些?

提高頁(yè)面加載速度

用戶(hù)行為預(yù)測(cè)

減少默認(rèn)data的大小

組件化方案

分包預(yù)下載

小程序與原生App相比優(yōu)缺點(diǎn)？

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

提高頁(yè)面加載速度

用戶(hù)行為預(yù)測(cè)

減少默認(rèn)data的大小

組件化方案

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

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

答：微信小程序采用JavaScript、WXML、WXSS三種技術(shù)進(jìn)行開(kāi)發(fā)，從技術(shù)講和現(xiàn)有的前端開(kāi)發(fā)差不多，但深入挖掘的話(huà)卻又有所不同。
JavaScript：首先JavaScript的代碼是運(yùn)行在微信App中的，并不是運(yùn)行在瀏覽器中，因此一些H5技術(shù)的應(yīng)用，需要微信App提供對(duì)應(yīng)的API支持，而這限制住了H5技術(shù)的應(yīng)用，且其不能稱(chēng)為嚴(yán)格的H5，可以稱(chēng)其為偽H5，同理，微信提供的獨(dú)有的某些API，H5也不支持或支持的不是特別好。
WXML：WXML微信自己基于XML語(yǔ)法開(kāi)發(fā)的，因此開(kāi)發(fā)時(shí)，只能使用微信提供的現(xiàn)有標(biāo)簽，HTML的標(biāo)簽是無(wú)法使用的。
WXSS：WXSS具有CSS的大部分特性，但并不是所有的都支持，而且支持哪些，不支持哪些并沒(méi)有詳細(xì)的文檔。
微信的架構(gòu)，是數(shù)據(jù)驅(qū)動(dòng)的架構(gòu)模式，它的UI和數(shù)據(jù)是分離的，所有的頁(yè)面更新，都需要通過(guò)對(duì)數(shù)據(jù)的更改來(lái)實(shí)現(xiàn)。
小程序分為兩個(gè)部分webview和appService。其中webview主要用來(lái)展現(xiàn)UI，appService有來(lái)處理業(yè)務(wù)邏輯、數(shù)
據(jù)及接口調(diào)用。它們?cè)趦蓚€(gè)進(jìn)程中運(yùn)行，通過(guò)系統(tǒng)層JSBridge實(shí)現(xiàn)通信，實(shí)現(xiàn)UI的渲染、事件的處理

分析下微信小程序的優(yōu)劣勢(shì)？

優(yōu)勢(shì)：
1、無(wú)需下載，通過(guò)搜索和掃一掃就可以打開(kāi)。
2、良好的用戶(hù)體驗(yàn)：打開(kāi)速度快。
3、開(kāi)發(fā)成本要比App要低。
4、安卓上可以添加到桌面，與原生App差不多。
5、為用戶(hù)提供良好的安全保障。小程序的發(fā)布，微信擁有一套嚴(yán)格的審查流程， 不能通過(guò)審查的小程序是無(wú)法發(fā)布
到線(xiàn)上的。
劣勢(shì)：
1、限制較多。頁(yè)面大小不能超過(guò)1M。不能打開(kāi)超過(guò)5個(gè)層級(jí)的頁(yè)面。
2、樣式單一。小程序的部分組件已經(jīng)是成型的了，樣式不可以修改。例如：幻燈片、導(dǎo)航。
3、推廣面窄，不能分享朋友圈，只能通過(guò)分享給朋友，附近小程序推廣。其中附近小程序也受到微信的限制。
4、依托于微信，無(wú)法開(kāi)發(fā)后臺(tái)管理功能

小程序的發(fā)布流程（開(kāi)發(fā)流程）

注冊(cè)微信小程序賬號(hào)
獲取微信小程序的 AppID
下載微信小程序開(kāi)發(fā)者工具
創(chuàng)建demo項(xiàng)目
去微信公眾平臺(tái)配置域名
手機(jī)預(yù)覽
代碼上傳
提交審核
小程序發(fā)布

webview中的頁(yè)面怎么跳回小程序中

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

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

使用webview直接加載要注意哪些事項(xiàng)？

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

小程序授權(quán)登錄流程。

（授權(quán)，微信登錄獲取code，微信登錄，獲取 iv , encryptedData 傳到服務(wù)器后臺(tái)，如果沒(méi)有注冊(cè)，需要注冊(cè)。）
（授權(quán)，微信登錄獲取code，微信登錄，獲取 iv , encryptedData 傳到服務(wù)器后臺(tái)，如果沒(méi)有注冊(cè)，需要注冊(cè)。）

小程序支付如何實(shí)現(xiàn)？

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

小程序還有哪些功能？

客服功能，錄音，視頻，音頻，地圖，定位，拍照，動(dòng)畫(huà)，canvas
微信小程序與H5的區(qū)別？
第一條是運(yùn)行環(huán)境的不同
傳統(tǒng)的HTML5的運(yùn)行環(huán)境是瀏覽器，包括webview，而微信小程序的運(yùn)行環(huán)境并非完整的瀏覽器，是微信開(kāi)發(fā)團(tuán)隊(duì)基
于瀏覽器內(nèi)核完全重構(gòu)的一個(gè)內(nèi)置解析器，針對(duì)小程序?qū)ｉT(mén)做了優(yōu)化，配合自己定義的開(kāi)發(fā)語(yǔ)言標(biāo)準(zhǔn)，提升了小程序的性能。
第二條是開(kāi)發(fā)成本的不同
只在微信中運(yùn)行，所以不用再去顧慮瀏覽器兼容性，不用擔(dān)心生產(chǎn)環(huán)境中出現(xiàn)不可預(yù)料的奇妙BUG
第三條是獲取系統(tǒng)級(jí)權(quán)限的不同
系統(tǒng)級(jí)權(quán)限都可以和微信小程序無(wú)縫銜接
第四條便是應(yīng)用在生產(chǎn)環(huán)境的運(yùn)行流暢度
長(zhǎng)久以來(lái)，當(dāng)HTML5應(yīng)用面對(duì)復(fù)雜的業(yè)務(wù)邏輯或者豐富的頁(yè)面交互時(shí)，它的體驗(yàn)總是不盡人意，需要不斷的對(duì)項(xiàng)目?jī)?yōu)化
來(lái)提升用戶(hù)體驗(yàn)。但是由于微信小程序運(yùn)行環(huán)境獨(dú)立

小程序怎么實(shí)現(xiàn)下拉刷新?

方式1:
通過(guò)在 app.json 中， 將 “enablePullDownRefresh”: true, 開(kāi)啟全局下拉刷新。
或者通過(guò)在 組件 .json ， 將 “enablePullDownRefresh”: true, 單組件下拉刷新。
方式2:
scroll-view ：使用該滾動(dòng)組件 自定義刷新，通過(guò) bindscrolltoupper 屬性， 當(dāng)滾動(dòng)到頂部/左邊，會(huì)觸發(fā)
scrolltoupper事件，所以我們可以利用這個(gè)屬性，來(lái)實(shí)現(xiàn)下拉刷新功能。

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。