Knowledge Front End-Overview and jquery UI

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