jquery weui是什麼？

jquery weui是專為微信公眾賬號開發而設計的一個簡潔而強大的UI庫，包含全部WeUI官方的CSS元件，並且額外提供了大量的拓展元件，豐富的元件庫可以極大減少前端開發時間。

【相關推薦：】

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是什麼？的詳細內容，更多請關注TW511.COM其它相關文章！