縮放很自然
圖片墻
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的庫,使用
我們知道,服務號有獲取用戶基本信息的接口,通過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
2024-07-24 09:26
2024-07-24 08:31
2024-07-24 08:30
2024-07-24 08:17
2024-07-24 07:46
2024-07-24 07:39