返回 首页
AngularJS 教程 - W3Cschool

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 教程
AngularJS 简介
AngularJS 表达式
AngularJS 指令
AngularJS Scope(作用域)
AngularJS 控制器
AngularJS 过滤器
AngularJS 服务(Service)
AngularJS Http
AngularJS Select(选择框)
AngularJS 表格
AngularJS SQL
AngularJS HTML DOM
AngularJS HTML 事件
AngularJS 模块
AngularJS 表单
AngularJS 输入验证
AngularJS API
AngularJS Bootstrap
AngularJS Include(包含)
AngularJS 动画
AngularJS 依赖注入
AngularJS 路由
AngularJS 应用程序

AngularJS 实例

AngularJS 实例

AngularJS 参考手册

AngularJS 参考手册

AngularJS v1.5 教程

关于 AngularJS
AngularJS 开始入门
AngularJS 必要准备工作
AngularJS 引导程序
AngularJS 静态模板
AngularJS 筛选迭代器
AngularJS 双路数据绑定
AngularJS XHR和依赖性注入
AngularJS 模板链接和图像
AngularJS 路由与多视图
AngularJS 更多模板
AngularJS 筛选器
AngularJS 事件处理函数
AngularJS REST和自定义服务
AngularJS 应用动画
AngularJS 完结篇

AngularJS 扩展阅读

AngularJS常见面试题及答案
angularjs与jquery的区别
angularjs和vue的区别

关闭

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; }