Chinaunix首页 | 论坛 | 博客
  • 博客访问: 885487
  • 博文数量: 66
  • 博客积分: 10
  • 博客等级: 民兵
  • 技术积分: 2071
  • 用 户 组: 普通用户
  • 注册时间: 2012-12-04 15:22
个人简介

从事IT相关工作近10年,获得《网络规划师》《信息系统项目管理师》《系统分析师》、Cisco等认证,对网络和操作系统有较深理解,对认证计费系统和虚拟化技术有深入研究。

文章分类

全部博文(66)

文章存档

2019年(4)

2018年(1)

2015年(2)

2014年(16)

2013年(43)

分类: JavaScript

2013-12-20 02:23:19

        O.RELLY的图书品质相当不错,这本《用AngularJS开发下一代Web应用》书作为Javascript的MVC应用进行了详细的讲解,试读内容从封面开始一共有58页,介绍了谷歌的前端JS框架。现在来看Javascript完全有“一统江湖”的能力,完全占据了浏览器客户端,发展到服务器端,现在又回归到客户端富应用上面,能够使用JS编写出复杂的应用。

        前言部分介绍了Angular项目的来源情况,根据介绍这个项目从2009年起就有了雏形,经过几位大师的努力,很快项目就成型了。我们在编写web应用中,都是希望一边写代码,一边看到代码所带来的效果。很快就开始介绍一些基础的概念:
客户端模版
        Angular和传统的ajax不同,在Angular中,数据和模版是一起发送到浏览器中的,所有的装配工作是在浏览器中完成的。这样的情况下,服务器端之需要提供一些静态的资源,然后为这些模版提供正确的模板即可。
MVC(模型、视图、控制器)
        MVC设计的方式在桌面应用开发中是非常流行的,但是在Web开发中的应用视乎来的比较晚,MVC的核心就是把管理数据的代码、应用逻辑代码、以及向用户展示的信息分离开,在Angular应用中,视图就是DOM,控制器则是JS的类,而数据模型存储在对象的属性当中。
数据绑定
        Ajax单页面应用普及之前,动态语言通过拼接字符串来创建用户UI的方式非常的流行,jQuery则在客户端继承了这一模型,但是jQuery可以单独刷新某个DOM中的局部内容,而不是刷新整个页面。但是将最新的数据插入到UI中或者根据用户的输入来进行数据的修改,需要进行好多操作来保证数据状态是正确的,需要同时保证UI显示和Javascript的属性都是正确的。数据绑定的意思就是仅仅声明UI界面中的某个部分要映射到某个Javascript属性上,然后让它们自动去同步,这种编程风格就是数据绑定。
依赖注入
        我们的类之需要简单的去获取需要的东西,而不需要创建所依赖的东西(理解好久),这就是最少知识原则。
指令
        可以把模版写成HTML的形式,能够做到这一点的原因是有一款强大的DOM转换引擎,可以扩展HTML的语法。Angular内置了很多的命令,可以帮助定义视图。指令Angular专有的命令,扩展了Javascript本身。

        在介绍完上面的基础概念和一些简单的实例之后,开始进入第二章节的内容,也就是Angular JS应用骨架的内容。调用Anglar是非常容易的,和调用jQuery非常相似,只需要包含引用下这个JS文件即可,也可以使用外部的CDN加速来节约自己服务器的流量,然后使用 ng-app 命令告诉Angular应该管理哪一部分的DOM。范围管理也很简单,可以管理整个页面DOM,也可以管理小到一个div范围,这些都是可以的。
        完成调用基础设置之后,开始详细的讲解第一章节中的MVC模型,模版和数据绑定等具体的实现,实例展示了表单的输入,内容的显示、各种隐藏和显示,也包含了CSS类和样式的内容,总是非常的详细。比较实用的技术还是使用指令进行DOM的修改,这些指令扩展了HTML的语法,使用自定义的元素和属性把行为和DOM转换关联在一起,通过这些指令就能创建可以复用的UI组件。对于用户的输入校验也变得非常的容易。

        第二章节很快的就结束了,根据结束语的内容,可以看出下一章节准备介绍一个典型的开发过程,应该是一个实例内容。这次完整读了试用的部分,个人比较看好Javascript,对于谷歌也是很关心的。MVC框架的确是比较理想的设计模式,从《用AngularJS开发下一代Web应用》中了解了AngularJS的基础用法,以后在项目开发上,可以尝试使用。


阅读(2596) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~