What is jquery weui?

jquery weui is a simple and powerful UI library specially designed for WeChat public account development. It contains all WeUI official CSS components, and also provides a large number of expansion components. The rich component library can greatly Reduce front-end development time.

【Related recommendations: jQuery Video Tutorial】

jQuery WeUI

WeUI is a set of basic style libraries that are consistent with WeChat’s native visual experience. It is tailor-made by WeChat’s official design team for WeChat web pages and WeChat mini-programs. jQuery WeUI is an enhanced version based on it. It is a simple and powerful UI library specially designed for the development of WeChat public accounts. It contains all WeUI official CSS components, and also provides a large number of expansion components and a rich component library. Can greatly reduce front-end development time.

The biggest feature of jQuery WeUI is that it only provides UI components and does not place any restrictions on the frameworks and other libraries used in the project. It can be used in almost any environment. Whether your project is based on jQuery, React, Angular, or Vue, you will find that jQuery WeUI can be used very conveniently in combination with them. Even if your project is an old project with a long history, it can almost be used out of the box.

jQuery WeUI provides a total of 30 very practical components: list, form, card, dialog box, pull-down refresh, etc.

Why choose jQuery WeUI

jQuery WeUI’s positioning is just like jQuery’s positioning: to make a sharp and easy-to-use knife, rather than a bulky cannon.

• Easy to use, no difficulty in getting started

• Rich and powerful component library, and is still being improved

• Lightweight, unlimited, can be used with any mainstream JS framework, such as `Vue, Angular, React`, etc.

• High-performance CSS3 animation, on low-end mobile phones It can still run smoothly

• Detailed and complete official documentation

• Standard and stable API, which can basically guarantee transparent version updates

• Released based on the MIT license, free and open source

Concise but not simple

Buttons, lists and other components are not It requires JS and is very simple to use. Just copy the HTML code from the official website and paste it into your project.

For components that require JS, if you have used jQuery, then there will be no obstacles for you to use jQuery WeUI. All JS components are standard jQuery plug-ins:

//显示一个对话框
$.alert("我是一个对话框");
//弹出一个actionsheet
$.actions({
  actions: [{
    text: "编辑",
    onClick: function() {
      //do something
    }
  },{
    text: "删除",
    onClick: function() {
      //do something
    }
  }]
});

Of course, the premise is that you need to introduce relevant CSS and JS files

Component display

Here are screenshots of some components for display purposes only

For more programming-related knowledge, please visit: Programming Learning Website! !

The above is the detailed content of What is jquery weui?. For more information, please follow other related articles on the PHP Chinese website!