首頁 > web前端 > js教程 > 主體

jquery weui是什麼?

青灯夜游
發布: 2020-11-13 17:25:39
原創
3492 人瀏覽過

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

jquery weui是什麼?

【相關推薦: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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板