Gossip js Front End FRAME (2)--Huge Angularjs

Source: Internet
Author: User

Gossip js Front End frame

Front-end person = artwork + Design + code + Test
--Preface

Featured Articles:

First, from the avalonjs of the template talk about
Second, the huge Angularjs
Third, don't want to touch DOM again
Iv. Modular? Is there a back-end thing?
V. Look at the miniature rendering engine I designed a year ago
Six, the browser standard on the fuss
Seven, throw away the browser, build application container
Eight, why flash, Silver and Java are on the web end of the

This article belongs to the West Wind getaway original, reproduced please indicate the source: West Wind World http://blog.csdn.net/xfxyy_sxfancy

Second, the huge Angularjs

Angularjs is one of the most commonly used, highly functional and widely used in the production practice of a set of frameworks. And because of learning more people, the basic professional point of the front-end are skilled, so it is better to recruit.

But the only problem is, too! Big! The
Need to introduce a library near 800K, but also just the core of the function, to use animation Ah, route what also have to introduce other libraries, so horrible size really let people helpless.
Look at the core code line number, incredibly have 22000+ line, and then look at Avalon, compression is also 50k+, so sharp contrast, I really hope Angularjs can properly reduce the size of the code, optimize the structure.

Design Intent

Angularjs is designed to overcome the lack of HTML in building applications. The existing browser, with the underlying technology is really too old, like HTML based technology design since 93. The first popular browser in history is mosaic, the first edition released on April 22, 1993. browsers, to the present more than 20 years of history, but the original rational technology has never changed. HTML is static in order to express Rich text design, but now the site is more and more live, dynamic enhancement, the function has been almost the same as the client.

Angularjs, it is the need to see the development of the Internet, the design of this easy to do network app framework, from the error-prone DOM operation.
With data binding, data model, these concepts, ANGULARJS is well suited for crud applications, so the code is very flexible and unified.

Example
<!doctype html><html ng-app>    <head>        <script src="Http://code.angularjs.org/angular-1.0.1.min.js"></script>    </head>    <body>Your Name:<input type="text" ng-model="yourname" placeholder ="World">        <hr>Hello {{Yourname | | | ' World '}}!</body></html>

Also, Angularjs uses dynamic templates, which can be very handy for binding events to elements.

Introducing Angularjs in HTML5 applications and mobile applications

Another point, if you like to use browser technology to make mobile applications or desktop applications, then Angularjs may be able to perform better, HTML5 applications, often have and the underlying language or background communication interface, using JS, can directly obtain the data needed. And Angularjs is very convenient to the JS model of the data presented. And, in mobile applications, JS has become a local storage, no longer worry about the size of the website slowed down the problem.

For example, the popular cross-platform mobile phone application development tool PhoneGap, then very good, very suitable and angularjs collocation edible.

The installation method is simple

sudo npm install -g phonegap

Then you need to choose a UI framework that simulates the phone's UI, which can be jquerymobile, or a powerful ionic

sudo npm install -g jquery-mobile 或sudo npm install -g ionic

Install Angularjs:

sudo npm install -g angularjs

When used:

phonegap create my-appcd my-appphonegap run android

Several packages are installed for a long time and may require patience.
Try to modify the sample code, introduce ANGULARJS to render the interface, more convenient than the native application development.

Appendix: History of early browsers

Copyright NOTICE: This article for Bo Master original article, without Bo Master permission not reproduced.

Gossip js Front End FRAME (2)--Huge Angularjs

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.