AngularJS 教程

教程说明:

认识AngularJS:

AngularJS 是一个 JavaScript 框架。它可通过 <script> 标签添加到 HTML 页面。AngularJS通过指令扩展了HTML,并且通过表达式绑定数据到 HTML。AngularJS已经被用于Google的多款产品当中。




AngularJS是为了克服HTML在构建应用上的不足而设计的。AngularJS有着诸多特性,最为核心的是:MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。HTML是一门很好的为静态文本展示设计的声明式语言。


教程结构概述:

本教程共由4个章节构成,详细讲述了AngularJS的基础使用方法并附带了大量可在线试运行的实例辅助您的学习,让您轻松掌握AngularJS。


本教程包含:

1、AngularJS基础知识

2、AngularJS实例

3、AngularJS参考手册

4、AngularJS v1.5 教程


AngularJS的发展及学习前的准备:

AngularJS在2009 年起先由 Miško Hevery 和Adam Abron 开发,作为在线JSON 存储服务的软件,是以兆字节来计价,从而便于成为企业的应用。这个风投是以网络域名”GetAngular.com”注册的, 在两人决定放弃这个商业想法之前,它作为一个开源库Angular许可发行。


在您开始学习AngularJS之前,您应该对以下知识有基本的了解:

本教程适合所有AngularJS初学者阅读, 无论是作为练手之作,或是看成现有工具的额外补充,把它还是作为主业,本教程都相当实用。本教程从AngularJS最基础的概念开始学习,指引你逐步学会由数据驱动的应用中所需的组件、使用声明式的编程方式,以及MVC(Model-view-controller)模式等。学习完这个强大的框架,你完全能够使用AngularJS开发出大型的、可维护的,以及高性能的应用。

如果您觉得AngularJS的学习难度较高,不好理解,可以采用更易于理解的视频教程进行学习:AngularJS视频课程


AngularJS的优缺点:

优点:

  1. AngularJS模板功能强大丰富,自带了极其丰富的angular指令。
  2. AngularJS是完全可扩展的,与其他库的兼容效果很好,每一个功能可以修改或更换,以满足开发者独特的开发流程和功能的需求。
  3. AngularJS是一个比较完善的前端MVC框架,包含服务,模板,数据双向绑定,模块化,路由,过滤器,依赖注入等所有功能;
  4. AngularJS是互联网巨人谷歌开发,这也意味着他有一个坚实的基础和社区支持。

缺点:

  1. AngularJS强约束导致学习成本较高,对前端不友好。但遵守 AngularJS 的约定时,生产力会很高,对 Java 程序员友好。
  2. AngularJS不利于SEO,因为所有内容都是动态获取并渲染生成的,搜索引擎没法爬取。


性能问题:AngularJS作为 MVVM 框架,因为实现了数据的双向绑定,对于大数组、复杂对象会存在性能问题。


相关网址:


除了本教程,您还可以在w3cschool上学习:

jquery 教程

AJAX 教程


温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

AngularJS 实例

AngularJS 参考手册

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }