因为今后可能需要用angular,所以今天开始在这里记录学习angularjs。
一、angularjs 前端为什么需要框架及前端有哪些流行的框架?
1、技术选型需要。公司技术栈。没啥好说的。
2、 选址适合自己的,如为什么选择angular,"AngularJS主要考虑的是构建CRUD应用。幸运的是,至少90%的WEB应用都是CRUD应用。但是要了解什么适合用AngularJS构建,就得了解什么不适合用AngularJS构建。 如游戏,图形界面编辑器,这种DOM操作很频繁也很复杂的应用,和CRUD应用就有很大的不同,它们不适合用AngularJS来构建。像这种情况用一些更轻量、简单的技术如jQuery可能会更好。"
"AngularJS是为了克服HTML在构建应用上的不足而设计的。HTML是一门很好的为静态文本展示设计的声明式语言,但要构建WEB应用的话它就显得乏力了。所以我做了一些工作(你也可以觉得是小花招)来让浏览器做我想要的事。
框架 - 框架是一种特殊的、已经实现了的WEB应用,你只需要对它填充具体的业务逻辑。这里框架是起主导作用的,由它来根据具体的应用逻辑来调用你的代码。"
现在angularjs缺点是angularjs2 完全推翻了1,所以基于angularjs1的构建是无法升级到angular2 ,而2是面向未来的,现在处于beat版。
而另两大框架 reactjs vuejs 也如火如荼的发展。
二 如何快速构建helloword
demo
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>angularjs</title> <script type="text/javascript" src="angular.min.js"></script> </head> <body ng-app> <input type="text" ng-model="customer"> <h1>{{customer}}</h1> </body>
--ng-app指令声明所有被其包含的内容都属于angularjs应用
--ng-model指令将内部$scope的属性名绑定到input框中,从而实现双向绑定。
如果用用原生的方法,可能需要监听input,当input发生变化是,再取input值把他填到h1标签。
而我想给input写个默认值 value="yangjunwu"