小程序開(kāi)發(fā)者文檔組件（微信小程序開(kāi)發(fā)幫助文檔）
本篇文章給大家談?wù)勑〕绦蜷_(kāi)發(fā)者文檔組件，以及微信小程序開(kāi)發(fā)幫助文檔對(duì)應(yīng)的知識(shí)點(diǎn)，希望對(duì)各位有所幫助，不要忘了收藏本站喔。
本文目錄一覽：
微信小程序開(kāi)發(fā)文檔有哪些類型
一個(gè)微信小程序最多關(guān)聯(lián)5個(gè)服務(wù)類目，一個(gè)月內(nèi)可申請(qǐng)修改3次。
類目資質(zhì)：小程序?qū)σ恍┓?wù)類目的資質(zhì)要求比公眾號(hào)多，甚至高于APP發(fā)布，不要試圖關(guān)聯(lián)無(wú)資質(zhì)要求的類目A，卻跨界做了類目B的事情無(wú)法上線或被下線。
一些資質(zhì)提示：
互聯(lián)網(wǎng)軟件和服務(wù)：一些類目要求兩證二選一：《增值電信業(yè)務(wù)經(jīng)營(yíng)許可證》，《電信與信息服務(wù)業(yè)務(wù)經(jīng)營(yíng)許可證》，對(duì)于創(chuàng)業(yè)企業(yè)和中小團(tuán)隊(duì)會(huì)是門檻。
生活服務(wù)/工具類目：比較開(kāi)放，對(duì)特殊資質(zhì)無(wú)要求。
社交類目：普遍要求兩證選一：《增值電信業(yè)務(wù)經(jīng)營(yíng)許可證》，《電信與信息服務(wù)業(yè)務(wù)經(jīng)營(yíng)許可證》，很多應(yīng)用服務(wù)即便不是純社交，但若帶有社交屬性，要特別注意審核規(guī)則。
富媒體類目：內(nèi)容形式與相關(guān)資質(zhì)要求，內(nèi)容創(chuàng)業(yè)和內(nèi)容服務(wù)需要關(guān)注，比公眾號(hào)資質(zhì)要求多。
電商/店鋪：商家自營(yíng)線上和線下店鋪，除食品保健等既有資質(zhì)，無(wú)其它特殊要求；但是對(duì)平臺(tái)電商要求兩證選一《增值電信業(yè)務(wù)經(jīng)營(yíng)許可證》，《電信與信息服務(wù)業(yè)務(wù)經(jīng)營(yíng)許可證》。
醫(yī)療/金融業(yè)類目：既有的行業(yè)管制和資質(zhì)，小程序也有相關(guān)審核要求。
小程序Swiper做Tab切換，帶tab切換動(dòng)畫
微信小程序Swiper做Tab切換，帶tab切換動(dòng)畫
小程序中我們做tab切換一般情況下可以做點(diǎn)擊切換，但是有Swiper組件，其實(shí)我們也可以做滑動(dòng)切換
監(jiān)聽(tīng)Swiper的bindchange，我們就可以在切換時(shí)改變tab的選裝狀態(tài)達(dá)到切換的目的。
但是這樣的方式tab的切換方式是跳轉(zhuǎn)式的，體驗(yàn)不是很好。于是就有了這個(gè)demo，我們一步步優(yōu)化切換體驗(yàn)。
首先：利用flex布局，做出tab區(qū)域，如果tab選項(xiàng)卡很多可以使用Scroll-view；一般的跳轉(zhuǎn)式的tab用boder-bottom實(shí)現(xiàn)就好，這里我們加了一個(gè)“navbar-slider”，加上translateX動(dòng)畫實(shí)現(xiàn)平移切換。
然后：計(jì)算出每個(gè)tabItem的寬度，和每個(gè)item距離0坐標(biāo)的距離；下中50是slider的寬度，對(duì)應(yīng)上面“width:50px;”
關(guān)聯(lián)：1、監(jiān)聽(tīng)item點(diǎn)擊，切換swiper；2、監(jiān)聽(tīng)swiper切換改變slider位置和tab顯示
效果展示如下：
現(xiàn)在我們已經(jīng)實(shí)現(xiàn)了，Swiper和tab的帶動(dòng)畫聯(lián)動(dòng)，但是我們可以發(fā)現(xiàn)，我們的切換動(dòng)畫是在切換之后進(jìn)行的，我們這里還可以繼續(xù)優(yōu)化。
swiper在切換時(shí)可以監(jiān)聽(tīng)bindtransition，swiper-item 的位置發(fā)生改變時(shí)會(huì)觸發(fā) transition 事件，event.detail = {dx: dx, dy: dy}，dx則是平移的偏移量，我們可以通過(guò)這個(gè)監(jiān)聽(tīng)來(lái)實(shí)時(shí)設(shè)置slider的位置。
切換后校正slider的位置，這里我們不能使用bindchange來(lái)校正，因?yàn)閎indchange在切換時(shí)手指釋放的時(shí)候就調(diào)用了，我們這里使用bindanimationfinish回調(diào)來(lái)校正（動(dòng)畫結(jié)束時(shí)會(huì)觸發(fā) animationfinish 事件，event.detail 同上）
最終：展示如下
在小程序開(kāi)發(fā)文檔中明確說(shuō)明了最好不要頻繁調(diào)用setData，我們最后這種方式就會(huì)頻繁的調(diào)用，所以這里其實(shí)只是提供這種思路，但是工程中并不建議這么使用
小程序開(kāi)發(fā)者文檔
SwiperTab
uniapp開(kāi)發(fā)微信小程序富文本編輯器（樣式仿騰訊文檔）
照著騰訊文檔小程序開(kāi)發(fā)了微信小程序富文本編輯器組件，這幾天做個(gè)整理，如有這個(gè)需求可以前往騰訊文檔小程序操作看看實(shí)際效果。畢竟參照的是微信自家小程序，無(wú)法做到百分百效果，只能按現(xiàn)有開(kāi)放api盡可能實(shí)現(xiàn)。
項(xiàng)目地址：
uniapp插件市場(chǎng)：
editor富文本編輯器組件官方文檔：
否則會(huì)受到小程序css影響。小程序本身editor標(biāo)簽有css樣式：
editor {
display: block;
position: relative;
box-sizing: border-box;
-webkit-user-select: text;
user-select: text;
outline: 0;
overflow: hidden;
width: 100%;
height: 200px;
min-height: 200px;
}
that.updatePosition(keyboardHeight)
that.editorCtx.scrollIntoView()
在插入目標(biāo)文字時(shí)，將值設(shè)為\n'，可以實(shí)現(xiàn)換行
this.editorCtx.insertText({ text: '\n' });
參考：請(qǐng)問(wèn)editor組件控制拉起鍵盤操作支持嗎？
小程序技術(shù)專員-sanford 2019-09-20
不支持的。iOS無(wú)法通過(guò)接口拉起鍵盤，必須用戶點(diǎn)擊；安卓則可以。所以，終究是不一致，不行。。
該組件主要為微信editor組件的api調(diào)用集成封裝，因此受到的限制同文檔描述一致，即編輯器內(nèi)支持部分 HTML 標(biāo)簽和內(nèi)聯(lián)樣式，不支持class和id，支持的標(biāo)簽詳見(jiàn)： 。
不滿足的標(biāo)簽會(huì)被忽略，div會(huì)被轉(zhuǎn)行為p儲(chǔ)存。
這也是為什么在做富文本解析時(shí)，僅僅用rich-text組件無(wú)法有效還原h(huán)tml內(nèi)容，在解析內(nèi)容的時(shí)候就需要將內(nèi)容中的HTML標(biāo)簽轉(zhuǎn)換成微信小程序所支持的標(biāo)簽。因此最好方式是引入市場(chǎng)封裝好的富文本解析插件去解析html。
所以，開(kāi)發(fā)者需要自行權(quán)衡在做富文本編輯開(kāi)發(fā)時(shí)，是否使用微信自帶的editor組件，或者參考騰訊文檔小程序采用webview內(nèi)嵌網(wǎng)頁(yè)等方式去渲染。
小程序富文本編輯器editor初體驗(yàn)：( )
如果是微信原生開(kāi)發(fā)，將demo組件中的相關(guān)dom元素標(biāo)簽和api換成微信原生即可。
關(guān)于小程序開(kāi)發(fā)者文檔組件和微信小程序開(kāi)發(fā)幫助文檔的介紹到此就結(jié)束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關(guān)注本站。
