10 recommended courses on UI components

On the eve of the 520 holiday, the mini program made programmers restless again. It updated some attractive functions, such as content forwarding API, iBeacon API, vibration API, screen brightness adjustment API, etc., and also enhanced the map. The function of the component. In this update, a new UI component is also added, which is the view component movable-view, which needs to be used together with movable-area. Simply put, it is a container that supports dragging content within a specified area. Let's look at a simple example: 1. Introduction to the new drag component developed by WeChat--movableview

Introduction: The mini program made programmers restless again on the eve of the 520 holiday, and some of the updates were very tempting. Functions such as content forwarding API, iBeacon API, vibration API, screen brightness adjustment API, etc. have also enhanced the functions of the map component. In this update, a new UI component is also added, which is the view component movableview, which requires Used with movablearea. Simply put, it is a container that supports dragging content within a specified area.

##2. Magic lightweight JavaScript UI component diagram. Detailed explanation of the code

Introduction: Magic is a JavaScript-based UI component, the amount of code in the Magic framework Very few, and the operating efficiency is very good. At the same time, Magic contains many commonly used web application components, including picture carousels, calendars, dialog boxes, paging, tabs and other UI components. Magic’s underlying library is based on Baidu’s Tangram. A JavaScript framework similar to jQuery, the latest Magic can choose to use Tangram as the underlying library, and you can also choose jQuery as the underlying library. Magi..

Draw the details of your own UI components

#Introduction: HTML5 open source engine lufylegend-1.7.1 The download package of the version contains the lufylegend.ui-0.1.0.js file, which is a dedicated UI component of the lufylegend.js engine. I also said in the API introduction that this UI component is specially prepared for lazy people. , including buttons, radio buttons, multi-select boxes, combo boxes, scroll bars and other UIs. Let me talk about the drawing process of these UIs in detail, so that you can better understand and expand new UI components. 1. Rectangle. ButtonLButtonSample1 First

4.

## Introduction: Android development is fun - there's no doubt about it, but there are still a lot of platforms that force us to write repetitive boilerplate code and a lot of it has to do with the UI that you have to deal with. Component related. There are some that you really need when you want your application architecture to be clean. There's a lot of operations happening asynchronously in the background; in fact, it's easy to end up with a bunch of spaghetti code that's unreadable or just doesn't feel right.

5. PHP Development Framework Yii Framework Tutorial (40) Zii Component-SliderInput Example

Introduction: CJuiSliderInput displays a slider, which also encapsulates the JUI slider plug-in and can be used in a Form as a user input UI component.

6. PHP Development Framework Yii Framework Tutorial (33) Zii Component-Accordion Example

Introduction: The Zii component contains some JQuery-based UI components, which are defined in the package zii.widgets.jui, including CJuiAccordion, CJuiAutoComplete, CJuiDatePicker, etc. This article introduces CJuiAccordion, which displays an Accordion component (similar to an accordion-foldable UI component). This control encapsulates the JUI Accordion plug-in.

7. PHP Development Framework Yii Framework Tutorial (29) Zii Component-Menu Example

Introduction: After introducing the Yii database interface, we will start with this article to introduce Zii components, including ListView, GridView, and some UI components based on JQuery, such as AutoComplete, DataPicker, Button, Drag and Drop etc.

8. PHP Development Framework Yii Framework Tutorial (28) Data Provider Introduction

Introduction: Before we start introducing Zii components, let’s briefly introduce the data source interface IDataProvider supported by Yii. The main function of IDataProvider is to provide data sources for UI components such as GridView, ListView, etc., and also supports data paging and sorting. The following figure shows the three data sources built into Yii:

9. PHP Development Framework Yii Framework Tutorial (22) UI Component Introduction to Zii Component

Introduction: Some UI components supported by the Yii framework have been introduced earlier. In addition to the UI components introduced previously, the Yii framework also provides Zii components. Library, including list view ListView, table view GridView, in addition to some UI components based on JQuery

10. PHP development framework Yii Framework tutorial (21) UI component Captcha example

Introduction: Yii’s built-in Captcha can basically meet most needs. If you have questions about verification codes For special requirements, you can customize Captcha, here

[Related Q&A recommendations]:

javascript - element-ui component of vuejs2.0 The selector cannot display the selected content

javascript - What UI component libraries are there for React?

javascript - What are some useful ui components in vuejs?

javascript - A (web website building) page designer based on react?

javascript - How to use Ele.me’s mint-ui component with Taobao’s flexible.js! !

The above is the detailed content of 10 recommended courses on UI components. For more information, please follow other related articles on the PHP Chinese website!