jquery weui是什麼？

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中文網其他相關文章！