Knowledge about front-end framework of Web interviews for programmers

Based on the previous two blogs:

• JQuery for a programmer's Web interview
• Programmer Web interview JSON

You can smoothly enter the door of Web development.

But to do it, you also need to know some existing front-end frameworks and UI kits, that is, you need to stand on the shoulders of giants rather than starting to build cars from the wheel. the following lists the front-end frameworks, UI suites, and UI plug-ins used in Web Development (ranking in no particular order ):

JQuery UI

JQuery UI is a jQuery-based open-source JavaScript webpage user interface code library. A visual control that includes underlying user interaction, animation, special effects, and replaceable themes. It contains many widgets that maintain the status, so it is slightly different from the usage mode of typical jQuery plug-ins. All jQuery UI widgets use the same pattern, so as long as you learn to use one of them, you will know how to use other widgets ).

The main differences between jQuery UI and jquery are:

(1) jQuery is a js library. It mainly provides selector, attribute modification, and event binding functions.

(2) jQuery UI is a plug-in designed based on jQuery and based on jQuery's scalability. Provides some common interface elements, such as dialog box, drag behavior, and change size behavior.

ExtJS

ExtJS is one of the most popular JavaScript frameworks. It provides a rich set of UI components, including high-performance data tables, charts, tabs, pop-up windows, toolbar and menus, it helps you build Web applications with good user experience.

ExtJs is only for Yahoo! UI dialog box extension, and later gradually have their own characteristics, loved by netizens. In addition to YUI, Ext also supports a variety of JS underlying libraries such as Jquery and Prototype, allowing everyone to choose freely. The framework is fully based on pure Html, CSS, and JS technologies. It provides rich cross-browser UI components and flexibly uses JSON/XML data sources for development. This reduces the load on the presentation layer of the server, to achieve the MVC application of the client!

Dojo Toolkit

Since its birth, Dojo has become a strong competitor of ExtJS. Its biggest advantage is that it is free and can be freely used in commercial projects. Dojo was created by sitepen and Its slogan is: Unbeatable JavaScript Tools.

Qooxdoo

Qooxdoo is an open-source JavaScript framework that allows developers to use object-oriented JavaScript developers to impress Web applications. Qooxdoo is maintained by company 1 & 1. For example, http://qooxdoo.org/demos.

Angular js

Is an open-source JavaScript library, a Web application development framework launched by Google. It provides a series of well-compatible and scalable services, including data binding, DOM operations, MVC design patterns, and module loading. AngularJS is not just a class library, but a complete framework. It avoids interaction between multiple class libraries and requires you to be familiar with the tedious work of multiple interfaces. It is designed by Google Chrome developers and leads the next generation of Web application development.

Developers familiar with AngularJS will be excited by the custom commands of AngularJS (which is equivalent to custom controls on the. NET platform. Custom commands allow you to expand HTML tags and features. Commands can be reused and used across projects.

Go deep into the blog: Taking you closer to AngularJS-basic functions

Why is Angular. js so popular?

Knockout js

Knockoutjs is a JavaScript-implemented MVVM framework. It has the following functions:

1. Declarative bindings

2. Observables and dependency tracking

3. Templating

It significantly separates front-end business logic and views to simplify the data binding process.

Example: http://knockoutjs.com/examples/helloWorld.html

Bootstrap:

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

Developed by Mark Otto and Jacob Thornton, It is a CSS/HTML framework. Bootstrap provides elegant HTML and CSS specifications, which are written in the dynamic CSS language LESS. It has many similarities with the CSS framework Blueprint. Bootstrap has been a popular open-source project on GitHub since its launch. Bootstrap provides a good tool and train of thought for the rapid construction of our website. This tool set will have more vitality.

Wijmo

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

Wijmo is a set of components built based on jQuery and jQuery UI. It is a lightweight jQuery UI framework. Every component in Wijmo has rich functions, ease of use, and excellent performance. The latest version is 2014V1. The Wijmo component optimizes client Web development and leverages jQuery's superior performance and ease-of-use power. All Wijmo components are equipped with over 20 themes and support for ThemeRoller.

Wijimo has been in China for a short period of time and is a dark horse in the Web Front-end framework: it has set up R & D teams in China and invested in technical communities.

 

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