03 訂閱轉換api的使用方法(apiplayer怎么訂閱會員)

縮放很自然

圖片墻

wookmark

UI框架

WeUI由買粉絲官方設計團隊為買粉絲Web開發量身設計。

Framework7

UI組件類

拖拽

dragula支持Draggable，Dropable和Sortable。感覺比jqueryUI的輕量級，好用的樣子

angular-draguladragular官方的angular版本

數據可視化(圖表)

Echarts百度出品

highcharts功能強大。是收費的。

Plottable.JS基于D3的一個圖表庫

flot文檔不給力

chartJs中文文檔demo很漂亮，很清晰。比較輕量級。

ichartJs中國的一個家伙搞的，感覺還不錯。

時間選取組件

foundation-datepicker

DatePicker一個簡單的日歷詳細

fullcalendar支持脫放的方式來改變待辦事宜的時間

SimpleEventsCalendar外觀很喜歡。收費5$

jQueryuidatepicker經典，不是很好看

pickadate輕量級，手機友好的，漂亮。但貌似只能在彈出層中顯示，而沒有下拉這種方式顯示。

zebra-datepicker可配置性很強。但貌似只能在彈出在右上方。。。

bootstrap-datepickerbootstrap風格。

dateRangePicker選取時間段。bootstrap風格。該組件依賴TwitterBootstrap,Moment.js和jQuery.

自定義滾動條

perfectscrollbar輕量級的滾動條。外觀與mac上chrome的滾動條一樣。

iscroll在移動設備上用不錯

加載(Loding)效果

CSSSpinnersCSS做的

Loaders.cssCSS做的

表格組件

jsGridDataGrid。詳細

backgrid基于Backbone.js的DataGrid

excellentexport把表格的內容生成excel。兼容Firefox,Chrome,IE6+

datatables表格可交互（對內容進行排序，刪除等）

handsontable生成Excel外觀的數據

JSpreadsheets表格數據的組件庫

選取顏色

Spectrum

分享到SNS

JiaThis生成分享代碼。

編輯器

ace代碼編輯器，可以用來做demo演示

ckeditor

ueditor百度做的

tinymce對買粉絲內容進行實時的編輯

summernote在移動設備上用不錯

通知組件

notie.js

HTML5播放器

jwplayer被大量網站使用

買粉絲5media簡單的h5player，輕量級

jplayer功能強太，可換膚

展示

Impress.js各種旋轉，和奇特的體驗

fullPage全屏顯示。用滾輪來翻頁詳細

zepto.fullpage專注于移動端的fullPage.js，依賴Zepto

pagePiling和fullPage類似

turn.js做一本書，帶漂亮的翻頁的效果

幻燈

slidesjs挺好用的，只是那幻燈導航的CSS都要自己寫，呵呵詳細

iSlider無任何插件依賴的手機平臺javascript滑動組件詳細

bgstretcher全屏幻燈，會隨著頁面大小的變化而變化。

Swiper開源、免費、強大的移動端觸摸滑動插件Swiper中文網

買粉絲in-slider兼容IE6。蠻好的~。不過其切換方式是一塊塊的。不能配置切換方式。。。

wowslider幻燈切換時各種很炫的效果。收費。

cycle2普通的幻燈，竟然不支持垂直滾動。。。

jcarousel普通的幻燈，不兼容IE6

reveal3d滾動。做ppt相當不錯

nodePPT國人做的，做ppt也相當不錯。有些方面比reveal做的還好。但生成導出的買粉絲有些問題

roundabout3d切換，看的后面圖片的邊

彈出框

Magnific-Popup兼容PC，Mobile。還不錯，有5k+的star

layer國人開發的，兼容ie6+。不喜歡其調用方式。

動畫效果

mixitup用漂亮的動畫效果來完成排序和篩選

jQuery.Marquee跑馬燈效果

quickflip卡片翻轉效果

卡片翻轉效果2兼容性可以。寫的比較簡單：1，只支持x方向翻轉2,類名都是規定好的3，只能被調用一次。需要改寫一下。我的改進版見這里

TheaterJS模擬兩個人在屏幕上對話

midnight.js文字顏色隨著背景變，_炸了

買粉絲lor-animationjquery的顏色漸變動畫插件。jquery的動畫不支持顏色值的變化。改庫提供了這個支持。

transit對元素進行css的變換

tagcanvas3D標簽云效果詳細

i買粉絲nate圖片切換動畫

Snap.js左/右側導航的出現效果

CSSshake抖動動畫

ClickSpark.js點擊后的一些酷炫的效果

視覺差插件

scrollorama比較簡單

superscrollorama能做的效果更多，但要用第三方Tween的庫，使用

買粉絲訂閱號通過獲取Openid并獲取用戶基本信息

我們知道，服務號有獲取用戶基本信息的接口，通過oauth2.0網頁授權獲取的。但是認證的訂閱號也有獲取用戶基本信息的接口了，但是與服務號不同的是，這個需要用戶主動觸發才可以獲得，需要用戶發送任意關鍵詞或者點擊菜單。

1、先獲取openid，用戶主動觸發，獲得openid

2、獲取access_token

3、通過這兩個獲取用戶基本信息，頭像，昵稱等

接口調用請求說明

買粉絲請求方式: GET

買粉絲s://api.weixin.qq.買粉絲/cgi...

先在基本配置服務器地址填寫下面php文件路徑，其中php文件需要修改token

cheeck.php

然后去買粉絲回復任意關鍵詞即可。

openid拿到了，該去拿access_token了。

也很容易。接口是：

買粉絲s://api.weixin.qq.買粉絲/cgi...

把上面這兩個參數（appid=修改，secret=修改）改成你買粉絲的即可，然后打開買粉絲基本配置，ip白名單，然后就可以正常獲取access_token了。

接口調用請求說明

買粉絲請求方式: GET

買粉絲s://api.weixin.qq.買粉絲/cgi...

把上面兩個值加上去，訪問這個鏈接即可。

轉自： 買粉絲s://segmentfault.買粉絲/a/1190000014963408

很赞哦!（5）