说明详解0介绍web angularjs01.pdfVIP

0.AngularJS介绍

从课程的第三阶段开始，我们就开始学习前端框架，尤其是第四阶段。既然提到前端框

架，我们回顾一下，都学了哪些？jquery、two.js、chart.js、bootstrap。对于框架，大家的

定义是什么？优秀的可重复使用的代码，单独提取并封装，供重复使用，完成复杂功能，提

高开发速度，提高代码质量良好的浏览器兼容性。这对于解决繁杂的原生代码开发，

是一件非常棒的事情。但是，这同时意味着，即使课程里学了很多框架，依然会有很多等待

着大家的探索。因此，学习框架，不再主要是，而是理解、动手查阅和编写的能力。

因此，我们为期5天的课程，3天是知识点的讲解，讲解框架本身，还有两天是项目。

那我们首先谈谈AngularJS。

AngularJS诞生于2009年，由MiskoHevery等人创建，后为所收购，是一

款优秀的前端JS框架，已经被用于的多款产品当中。

AngularJS是一款基于MVC设计模式的JS框架。言下之意，是基于JS进行封装

的，但是，什么是MVC？什么是设计模式？这些涉及到软件工程理论的一些知识。、

因此，首先，我们先讲讲软件工程中的设计原则和模式。

1.设计原则和模式

1.1. 概述

1.1.1.【概述】概述

一个工具或者语言，用久了就可以熟能生巧，就想砌墙的工人一样长年累月地砌墙，他

也知道如何把墙砌整齐，如果多块好省地干活，是一个人的本能。我们html、js、css用

的很顺手，这非常好，但这只是一个程序员应该具备的基本能力！于是我们被冠于一个外号

“代码民工”--软件行业的体力者。

但是如果你通晓了设计原则和设计模式就不同了，你可以站在一个更高的层析去欣赏程

序代码、软件设计、架构，完成从代码民工到架构师的蜕变。这里的通晓不是记住各种设计

模式的含义、优缺点，没有工作经验的积累是不可能真正理解设计模式的。所以在设计原则、

模式的这一块，对大家的要求是“了解”。（学习分为3个层析：了解、明确、掌握）

好了接下来，举一个的例子，也是新手没有基于基本的设计原则和设计模式编码，

我们一起来看一下。

1.1.2.【概述】拙劣设计的特点

性

难以对软件进行改动，即使是简单的改动。如果单一的改动会导致有依赖关系的模块中

的连锁改动，那么设计是的。必须改动的模块越多，设计就越。

脆弱性

在进行一个改动时，程序的许多地方就可能出现问题，从而使开发团队就想一直不停追

逐自己尾巴的狗一样。

牢固性

设计中包含了其他对系统有用的部分，但是要把这些部分从系统中分离出来所需要的努

力和风险是巨大的

粘滞性

当需要改动代码时，开发人员可以保持当前的设计风格，也可以破坏设计风格，