jquery weui是專為微信公眾帳號開發而設計的一個簡潔而強大的UI庫,包含全部WeUI官方的CSS組件,並且額外提供了大量的拓展組件,豐富的組件庫可以極大減少前端開發時間。
【相關推薦:jQuery影片教學】
jQuery WeUI
WeUI 是一套同微信原生視覺體驗一致的基礎樣式庫,由微信官方設計團隊為微信內網頁和微信小程式量身設計。而jQuery WeUI是在其基礎上的加強版本,專為微信公眾帳號開發而設計的一個簡潔而強大的UI庫,包含全部WeUI官方的CSS組件,並且額外提供了大量的拓展組件,豐富的組件庫可以大幅減少前端開發時間。
jQuery WeUI 的最大特點是它只提供UI元件,並不會對專案所使用的框架和其他函式庫有任何的限制,幾乎可以在任何環境下使用。無論你的專案是基於jQuery,還是 React, Angular, Vue, 你都會發現 jQuery WeUI 能非常方便的和他們結合使用。既是你的項目是一個有很悠久歷史的老項目,也幾乎可以做到拿來即用。
jQuery WeUI 提供了總共30 個非常實用的元件:列表,表單,卡片,對話框,下拉刷新等。
為什麼選擇jQuery WeUI
jQuery WeUI 的定位正如 jQuery 的定位:做一把鋒利易用的小刀,而不是做一個笨重的大砲。
簡單易用,無上手難度
#豐富強大的元件庫,並且還在不斷完善中
輕量,無限制,可以結合任何主流JS框架使用,例如`Vue, Angular, React` 等
高效能的CSS3 動畫,低階手機上依然可以較流暢運行
詳盡完善的官方文件
標準穩定的API,基本上可以確保版本透明更新
基於MIT 協定發布,免費開源
#簡潔而不簡單
按鈕,列表之類的元件不需要JS,使用非常簡單,只要從官網複製下來HTML程式碼並貼上到你的專案中即可。
對於需要用到JS的元件,如果你使用過jQuery,那麼你使用jQuery WeUI 將沒有任何障礙。所有的JS元件都是標準的jQuery外掛:
//显示一个对话框 $.alert("我是一个对话框"); //弹出一个actionsheet $.actions({ actions: [{ text: "编辑", onClick: function() { //do something } },{ text: "删除", onClick: function() { //do something } }] });
當然,前提是你需要引入相關的CSS和JS檔
元件展示
這裡展示一些元件的截圖,僅作展示之用
更多程式相關知識,請造訪:程式設計學習網站! !
以上是jquery weui是什麼?的詳細內容。更多資訊請關注PHP中文網其他相關文章!