Knowledge Front End-Overview and jquery UI

Source: Internet
Author: User

Ask the system, is a question and answer system. Main function: The member raises the question, the member answers the question. At present, the more popular such sites are: Know http://www.zhihu.com, Baidu know http://zhidao.baidu.com and so on. Here we focus on "know", to learn about the front end effect it uses.

Project Introduction

We focus on building the interface and layout, and most of the front-end functionality, modeled after the "know-what" architecture pattern. and "Baidu knows" as an auxiliary function to determine the front-end function We need for this project.

From the above well-known question and answer site, we can confirm the most important front-end features: 1. Popup dialog, 2. Front button, 3. Folding menu, 4. tab switch, 5. Slider, 6. Calendar, 7. Auto-Complete, 8 drag-and-drop, and a series of front-end modules.

jQuery UI

The jquery UI is an open source JavaScript Web user interface code base based on jquery, which contains visual controls for underlying user interaction, animations, effects, and replaceable themes. We can use it directly to build Web applications that have a good interactive nature.

The web site of the JQuery UI is: http://jqueryui.com/, we download the latest version. At present, the latest version of this project is: Jquery-ui-1.11.4.custom.zip. Inside the directory structure is as follows:

1.XXX.CSS contains CSS files related to the jquery UI

2.xxx.js contains jquery ui-related JavaScript files

3.index.html can view the index page of the jquery UI feature

CSS Themes

CSS themes are the skin of the jquery UI and are available in a variety of tonal templates. For programmers, you can use the templates that are most compatible with the Web site, and for artists, you also provide templates that are based on design without any style.

We can do this here: http://jqueryui.com/themeroller/View the existing template styles.

Knowledge Front End-Overview and jquery UI

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.