前端开发框架之AngularJS篇

1、  前端，是一种GUI软件

在一个Web系统中，用户通过浏览器上网，输入URL的那一刻起，就意味着通过HTTP协议发送一个远程请求，服务端会将一个URL请求映射到一个具体的URL，然后将关联的资源分别返回给浏览器端，浏览器拿到了这些资源之后，负责解释、执行并呈现（渲染）。

从本质上讲，所有Web应用都是一种运行在网页浏览器中的软件，这些软件的图形用户界面（Graphical User Interface，简称GUI）即为前端。^【1】

2、  传统前端文件

HTML（现在常用HTML5），标记语言，负责呈现网页的结构以及内容。打个比方，一栋房子，它有多少层，每一层里面，有几间房间，卧室、厨房、卫生间的分布，玻璃窗户的分布，房子的结构和房子的内容^【2】。可以通过静态HTML标记呈现，也可以通过JavaScript编程动态展现。对于JS来说，一个完整的HTML文档就是一棵树，称之为DOM（DocumentObject Model，文档对象模型），对DOM的操作称为DOM操作。

JQuery的DOM操作示例：  var p_txt =$("p").attr("title");

CSS（常用CSS3），样式语言，负责网页内容的显示样式。还是上面的例子，一个房子里面某个房间的墙的颜色，窗户的风格等等。

JavaScript，脚本语言。脚本实际上就是为整个HTML Document增加了动态交互的能力。不同的浏览器有着不同的JavaScript实现，所以实现JavaScript跨浏览器兼容成为了后来评论一个JS框架是否实用的一个基本的标准。

3、  JS框架

3.1前端框架类型

                   图1 常用的一些前端框架

共同特性：

·          选择器（Selector）

·          DOM 遍历

·          DOM 操作

·          实用（Utility）函数

·          事件处理

·          Ajax

3.2 JS框架定义

   JavaScript框架或库是一组能轻松生成跨浏览器兼容的JavaScript 代码的工具和函数,每一个库都在众多流行的Web 浏览器的现代版本上进行了可靠的测试.

3.3 为什么要用JS框架？

JavaScript框架或库是一组能轻松生成跨浏览器兼容的 JavaScript 代码；另一个比较有说服力的理由是标准化的跨浏览器 Ajax 请求（Ajax 请求是一个异步 HTTP 请求，通常发送给服务器端脚本，后者返回 XML、JSON、