Programmer Web Interview Front-end framework and other knowledge

Based on 2 previous blogs: 650) this.width=650; "Width=" 244 "height=" 196 "title=" image "align=" right "style=" padding-top:0px; Padding-right:0px;padding-left:0px;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;float: Right;background-image:none; "alt=" image "src=" http://img1.51cto.com/attachment/201407/3/2369428_ 1404368991e4wf.png "border=" 0 "/>

• jquery for Programmer's web interview

• Programmer's web interview JSON

You have been able to enter the Web development portal smoothly.

But to do this, you need to understand some of the existing front-end frameworks, UI kits, which are to stand on giants ' shoulders rather than start making cars from the wheels. The following is a list of the front-end frameworks, UI suites, and UI plug-ins used in web development (in order of precedence):

JQuery UI

650) this.width=650; "Width=" 244 "height=" "title=" image "style=" padding-top:0px;padding-right:0px;padding-left:0 Px;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;background-image:none; "alt=" image "src=" Http://img1.51cto.com/attachment/201407/3/2369428_1404368992iTCe.png "border=" 0 "/>

jquery UI is an open source JavaScript Web user interface code base based on jquery. Visual controls that contain underlying user interaction, animations, effects, and replaceable themes. Contains a number of small widgets (widgets) that maintain state, so it is slightly different from the typical JQuery plugin usage pattern. All JQuery UI Widgets (widgets) Use the same pattern, so as long as you learn to use one of them, you know how to use other widgets (widgets).

The main differences between jquery UI and jquery are:

(1) jquery is a JS library, the main features are selectors, property modification and event binding and so on.

(2) jquery UI is based on jquery, using the extensibility of jquery, the design of plug-ins. Some common interface elements are provided, such as dialog box, drag behavior, change size behavior, and so on.

ExtJS

650) this.width=650; "Width=" 244 "height=" "title=" "image" style= "margin:0px;padding-top:0px;padding-right:0px"; Padding-left:0px;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;background-image:none; " alt= "image" Src= "http://img1.51cto.com/attachment/201407/3/2369428_1404368992wrzj.png" border= "0"/>

ExtJS is one of the most popular JavaScript frameworks, providing a rich set of UI components, including high-performance data tables, charts, tabs, pop-up windows, toolbars and menus, and a complete set of Web UI components to help you build a user-friendly web application.

ExtJS initially was only for Yahoo! UI of the dialog box extension, and then gradually have their own features, deeply loved by netizens. Development so far, ext in addition to Yui also support jquery, prototype, and so on a variety of JS bottom-level library, so that everyone to choose freely. The framework is completely based on pure HTML/CSS+JS technology, providing a rich cross-browser UI components, flexible adoption of json/xml data source development, so that the service side of the load of the presentation layer really reduce, so as to achieve the client's MVC application!

Dojo Toolkit

650) this.width=650; "Width=" 201 "height=" "title=" image "style=" margin:0px;padding-top:0px;padding-right:0px; Padding-left:0px;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;background-image:none; " alt= "image" Src= "http://img1.51cto.com/attachment/201407/3/2369428_1404368992taNf.png" border= "0"/>

Dojo has been a strong contender for ExtJS since the day it was born, and its biggest advantage is free and can be used freely in commercial projects. Dojo was created by SitePen with the slogan: Unbeatable JavaScript Tools.

Qooxdoo

650) this.width=650; "width=" 188 "height=" "title=" image "style=" margin:0px;padding-top:0px;padding-right:0px; Padding-left:0px;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;background-image:none; " alt= "image" Src= "http://img1.51cto.com/attachment/201407/3/2369428_1404368993R932.png" border= "0"/>

Qooxdoo is an open source JavaScript framework that enables developers to make impressive WEB applications through object-oriented JavaScript developers. Qooxdoo maintained by 1&1 Company, online example: Http://qooxdoo.org/demos.

Angular JS

650) this.width=650; "Width=" 244 "height=" "title=" image "style=" margin:0px;padding-top:0px;padding-right:0px; Padding-left:0px;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;background-image:none; " alt= "image" Src= "http://img1.51cto.com/attachment/201407/3/2369428_1404368993wgVe.png" border= "0"/>

is an open source JavaScript function library, a Web application development framework launched by Google. It provides a range of well-compatible and extensible services, including data binding, DOM manipulation, MVC design patterns, and module loading. AngularJS is more than just a class library, it provides a complete framework. It avoids you interacting with more than one class library and requires familiarity with the tedious work of multiple sets of interfaces. It is designed by Google Chrome's developers to lead the next generation of Web application development.

For developers who understand ANGULARJS, you are sure to be excited about the Angularjs custom directive, which functions as a custom control under the. NET Platform. Custom directives allow you to extend HTML tags and features. Directives can be reused and can be used across projects.

Read more about the blog: take you closer to Angularjs-basic features

Angular.js Why is it so hot?

Knockout JS

650) this.width=650; "Width=" 244 "height=" Bayi "title=" image "style=" margin:0px;padding-top:0px;padding-right:0px; Padding-left:0px;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;background-image:none; " alt= "image" Src= "http://img1.51cto.com/attachment/201407/3/2369428_1404368993zWfD.png" border= "0"/>

Knockoutjs is a JavaScript-implemented MVVM framework. There are several main functions:
1. Declarative Bindings
2. Observables and Dependency Tracking
3. Templating
It has a significant effect on separating the business logic and view of the foreground from simplifying the data binding process.
Official Website Example: http://knockoutjs.com/examples/helloWorld.html

Bootstrap：

650) this.width=650; "Width=" 244 "height=" + "title=" image "style=" padding-top:0px;padding-right:0px;padding-left:0 Px;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;background-image:none; "alt=" image "src=" Http://img1.51cto.com/attachment/201407/3/2369428_1404368993jIlj.png "border=" 0 "/>

Twitter launches an open source toolkit for front-end development.

Developed in partnership with Mark Otto and Jacob Thornton, it is a css/html framework. Bootstrap provides elegant HTML and CSS specifications, written by the dynamic CSS language less, and has many similarities to the CSS Framework blueprint. Bootstrap, once popular, has been a popular open source project on GitHub. Bootstrap provides a good tool and idea for our website to build quickly, this toolset will have more vigorous vitality.

Wijmo

650) this.width=650; "Width=" 244 "height=" 106 "title=" image "style=" Padding-top:0px;padding-right:0px;padding-left : 0px;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;background-image:none; "alt=" image "src = "Http://img1.51cto.com/attachment/201407/3/2369428_1404368994aToT.png" border= "0"/>

Online Demo Address: http://wijmo.gcpowertools.com.cn/demos/

Wijmo is a collection of components based on the jquery and jquery UI, and it is the lightweight jquery UI framework that makes every component in the Wijmo rich in functionality, ease of use, and excellent performance. Currently the latest version is 2014V1. WIJMO components are optimized for client Web development and leveraging the power of jquery for superior performance and ease of use. All WIJMO components are equipped with more than 20 themes and support Themeroller.

Wijimo entered the domestic time is short, belongs to the Web front-end framework of a dark horse: has set up a research and development team in China and the technical community investment.

Which of the above web frameworks and UI suites have you used? Comments and exchanges are welcome.

This article is from the "Grape City Control Blog" blog, so be sure to keep this source http://powertoolsteam.blog.51cto.com/2369428/1433978