[size=large] 不懂js的人来这里介绍一个热门的js框架着实是很夸张的，但是事实就是如此，毕业之前对web前端完全不懂的我，毕业后一大半的时间都在前端折腾。所以必须在这里记录点什么，以免以后都忘记自己曾经写过前端。当然，作为一个非专业的前端人员，还请各位专业前端人员尽情指出我对前端理解的硬伤。感谢！
从复制粘贴到现在的"创造"代码，作为一个java开发的孩子，对里面的一些js语法还是相当不习惯。但是还是要由衷的说一句AngualarJS真是一个很赞的框架，让我们这些对前端不太熟的人，也能立马上手。在操作业务逻辑和数据操作上非常的方便，是一个非常适合CRUD应用的前端框架，当然它的不足也就是对游戏类的这种dom操作频繁的应用不太适用。
AngualarJS具体是一个什么框架，这个请自行百度。就我自己的理解来说，就是一个支持数据绑定、动态加载数据、利用指令来操作DOM，实现了DOM操作和应用逻辑解耦。据了解，这个框架竟然还拥有MVC和依赖注入的特性，这个不好理解。概念上的东西对入我这种菜鸟来说太模糊。废话不多说入门这东西要的就是实践，我并不指望有人看着我的文章就能理解透一个框架，我的目的仅仅是记录自己的技术史、顺便可以和学习AngualarJS但是苦于一开始看不懂若干入门指南、开发指南、深入解析XXX的和我一样的迷茫的童鞋一起进步。站在初学者的角度更容易讲出来，我学的是什么，思维更贴近初学者。
用起来比一切都来的实际。
第一步:引入AngualarJS
html[/size]
js
[size=large] 试一下，大家肯定就知道效果了，那么我们就此拓展我的知识吧~到这里我们的疑问是什么呢？"以己度人",我猜应该是下面几个。
1、ng-app
当加载该页时，标记ng-app 告诉AngularJS处理整个HTML页并引导应用。
必须有。如果说angualarjs是一顿美餐，那么ng-app就是那个饭桌，告诉美餐，我是桌子我需要你来放在我上面以实现我的价值。
2、ng-controller
控制器方法的名字,在JS文件中和<body> 标签里面的ngController指令的值相匹配。必须有，注意命名的一致性。
控制器就像装美食的碗一样，高档的餐厅总是能碗与菜匹配，所以区别他们很重要，鱼形的碗总不能去装盆青菜。
3、$scope?
控制器函数的作用域,这个控制器的作用域对所有<body ng-controller="TitileCtrl"> 标记内部的数据绑定有效。
这个就是筷子了，取食必备，一个饭碗配一个筷子，自己筷子吃自己碗里的菜。
4、就这一种引入方法嘛？还是你就懂这些
这个当然不是，我们在此后会详细写一篇来介绍，先把angualarjs用起来。
明天我们进行第二步:小试牛刀-动态绑定
入道有先后、术业有专攻、让我们一起学习进步！^_^~[/size]
从复制粘贴到现在的"创造"代码，作为一个java开发的孩子，对里面的一些js语法还是相当不习惯。但是还是要由衷的说一句AngualarJS真是一个很赞的框架，让我们这些对前端不太熟的人，也能立马上手。在操作业务逻辑和数据操作上非常的方便，是一个非常适合CRUD应用的前端框架，当然它的不足也就是对游戏类的这种dom操作频繁的应用不太适用。
AngualarJS具体是一个什么框架，这个请自行百度。就我自己的理解来说，就是一个支持数据绑定、动态加载数据、利用指令来操作DOM，实现了DOM操作和应用逻辑解耦。据了解，这个框架竟然还拥有MVC和依赖注入的特性，这个不好理解。概念上的东西对入我这种菜鸟来说太模糊。废话不多说入门这东西要的就是实践，我并不指望有人看着我的文章就能理解透一个框架，我的目的仅仅是记录自己的技术史、顺便可以和学习AngualarJS但是苦于一开始看不懂若干入门指南、开发指南、深入解析XXX的和我一样的迷茫的童鞋一起进步。站在初学者的角度更容易讲出来，我学的是什么，思维更贴近初学者。
用起来比一切都来的实际。
第一步:引入AngualarJS
html[/size]
<!doctype html>
<html ng-app>
<head>
<script src="http://code.angularjs.org/1.2.0-rc.3/angular.min.js"> </script>
<script src="script.js"></script>
</head>
<body ng-controller="TitileCtrl">
<span ng-bind="myAPP"></span>
</body>
</html>js
function TitileCtrl($scope) {
$scope.myAPP = "学习AngualarJS第一步";
}[size=large] 试一下，大家肯定就知道效果了，那么我们就此拓展我的知识吧~到这里我们的疑问是什么呢？"以己度人",我猜应该是下面几个。
1、ng-app
当加载该页时，标记ng-app 告诉AngularJS处理整个HTML页并引导应用。
必须有。如果说angualarjs是一顿美餐，那么ng-app就是那个饭桌，告诉美餐，我是桌子我需要你来放在我上面以实现我的价值。
2、ng-controller
控制器方法的名字,在JS文件中和<body> 标签里面的ngController指令的值相匹配。必须有，注意命名的一致性。
控制器就像装美食的碗一样，高档的餐厅总是能碗与菜匹配，所以区别他们很重要，鱼形的碗总不能去装盆青菜。
3、$scope?
控制器函数的作用域,这个控制器的作用域对所有<body ng-controller="TitileCtrl"> 标记内部的数据绑定有效。
这个就是筷子了，取食必备，一个饭碗配一个筷子，自己筷子吃自己碗里的菜。
4、就这一种引入方法嘛？还是你就懂这些
这个当然不是，我们在此后会详细写一篇来介绍，先把angualarjs用起来。
明天我们进行第二步:小试牛刀-动态绑定
入道有先后、术业有专攻、让我们一起学习进步！^_^~[/size]
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
