我們都知道，小程序和APP都是可以在手機(jī)上運(yùn)行的軟件，但是小程序的體積更小，也更便利，那么這兩者之間的區(qū)別表現(xiàn)在哪里呢？鄭州小程序開(kāi)發(fā)專(zhuān)家?guī)Т蠹伊私庖幌掳伞?br /> 1）頂部導(dǎo)航欄

App：可以保留導(dǎo)航欄，也可以去掉，可拓展性強(qiáng)，靈活性高。

小程序：導(dǎo)航欄右側(cè)有個(gè)無(wú)法去除和編輯的膠囊（titlebar），設(shè)計(jì)時(shí)也不能在導(dǎo)航上增加其他功能。所以在 App  轉(zhuǎn)小程序時(shí)，導(dǎo)航欄的功能要換位置或者在放在導(dǎo)航欄下。

實(shí)現(xiàn)效果也略欠缺一些，例如微信提供原生和自定義的兩種導(dǎo)航欄：

（一）原生的導(dǎo)航欄支持更改顏色，但字體顏色僅支持黑/白兩種；

（二）雖然自定義的導(dǎo)航欄可以去除原生導(dǎo)航欄，支持圖片通到導(dǎo)航欄上，但是所有頁(yè)面都需要重新調(diào)整（原先導(dǎo)航欄的高度沒(méi)有了，界面元素會(huì)跟著上移），而小程序不支持單個(gè)頁(yè)面修改。

這是目前最麻煩的地方，量級(jí)小的應(yīng)用還可以，量級(jí)大的導(dǎo)致工作量大大增加。

同時(shí)，自定義導(dǎo)航容易帶來(lái)標(biāo)題無(wú)法對(duì)齊、頁(yè)面機(jī)型不同安全區(qū)域不同、全局刷新時(shí)頁(yè)面會(huì)被整個(gè)下拉等等問(wèn)題。

建議頁(yè)面多、復(fù)雜的情況，盡量減少使用自定義導(dǎo)航，也可以使用像馬蜂窩一樣，導(dǎo)航欄背景和圖片背景銜接，效果也不錯(cuò)。

2）標(biāo)簽欄

App：可支持最少2個(gè)，最多5個(gè)的tab切換，圖標(biāo)大小以及底部標(biāo)簽欄高度可自定義。

小程序：也可支持最少2個(gè)，最多5個(gè)的tab切換，使用原生控件時(shí)，要遵從 icon 尺寸81*81px。

使用自定義標(biāo)簽欄時(shí)，可支持加入交互效果，例如提示數(shù)量氣泡等，但是體驗(yàn)相比原生差一點(diǎn)，如果標(biāo)簽頁(yè)是首次進(jìn)入的頁(yè)面，那么標(biāo)簽欄切換會(huì)造成跳動(dòng)，需要開(kāi)發(fā)做規(guī)避。

建議不帶有交互的情況，盡量使用原生控件，就像站酷小程序 一樣。

3）拖動(dòng)排序

App：流暢、體驗(yàn)佳，例如發(fā)朋友圈時(shí)拖動(dòng)照片排序。

小程序：除非必要，否則不建議使用拖動(dòng)排序。圖片和列表拖動(dòng)在 Android機(jī)型上體驗(yàn)不夠，會(huì)有卡頓的情況。

建議使用上下按鈕替換上下拖動(dòng)，或者圖片排序使用標(biāo)記的方式來(lái)進(jìn)行排序。

4）文本省略

App：可實(shí)現(xiàn)日常所需的所有文字、段落效果。

小程序：文本限制行數(shù)，加省略號(hào)，并且增加全文展開(kāi)方案實(shí)現(xiàn)有問(wèn)題。無(wú)法預(yù)估到行尾位置省略。

建議通過(guò)換行增加全文展開(kāi)按鈕，或者控制字?jǐn)?shù)，文本末尾增加全文展開(kāi)。