前端 AngularJs SPAS:单页应用程序

web前端开发面试题知乎 前端开发需要看的书籍 软件测试能转前端开发吗
AngularJs
SPAS:单页应用程序;
MVC(架构模式):
M(model):数据模型
V(view):视图
C(controller):控制器
控制器:是用于协调数据模型和视图之间的关系,
视图和模型都是互相独立的;
为什么要使用MVC?
>希望代码重用性更强,降低视图和熟模型的耦合度(粘连程度);
angular:
模块:每一个部分都可以单独成立一个模块;
指令:以 “ ng ” 开头的属性,有特殊意义的属性;
服务:自定义服务 和 内置服务
控制器:用于协调数据模型和视图 -> 主要写逻辑的部分
路由:一条线进,多条线出;
模块:允许创建很多模块,必须有一个入口模块,
入口模块与创建其他模块一样。可以通过 ng-app 指令,
指定哪一个模块是入口模块;
指令:
ng-app:指定入口模块/指定angular的有效区域(作用域);
{{ xxx }}:表达式、变量;(写在 html /body中)
ng-model:用于指定数据模型,用在输入框中;
ng-bind:用于绑定数据模型;
模块:angular是一个对象,里面有一个叫module的方法,
这个函数,需要传两个参数,这两个参数,
分别是 (模块的名字,需要注入的模块名字);
angular.module(“模块的名字”,[“需要使用其他模块的模块名字”,”模块2″]);
创建完模块之后,可以通过ng-app指定入口模块 -> 一个SPAS只能有一个入口模块;
控制器: 是angular里面的一个函数 controller 需要传两个参数
-> (1. 控制器的名字,2.回调函数)
angular.module(“app”,[])
.controller(“控制器的名字”,function () {
});
<div ng-controller=”homeController”>
注意:创建了控制器,并不代表使用了控制器,
需要在html里面通过 ng-controller 指令来指定控制器的名字;
控制器的名字不要写错;
$scope:控制器的作用域,类似命名空间,
只能在当前的控制器中,使用$scope上面的数据模型;
注意:如果表达式或者指令失效;
1. -> 是不是没有写 ng-app;
2.是不是没有写在ng-app指定angular指定的范围之内;
3.ng-app 指定的入口模块的名字 是否错误;
4.没有引入js文件;
ng-repeat:类似于for in 用于遍历数组的,
这个指令 写在哪一个dom元素上面,就会重复某一个dom元素;
在循环数组的时候,如果数组中有重复的元素,可以在遍历的时候,
通过 track by 来指定一个不重复的参考物($index);
track by $index
angular特性:
允许使用MVC的方式书写代码;
数据模型的双向绑定;
angular:
模块的注入
module这个方法有两个参数,第一个参数是模块的名字,第二个参数是一个数组,数组里面可以放其他模块的名字;
1.服务
内置服务:
$timeout:定时器
$interval:定时器
$apply 可以传递 $scope 的值的html
第一步骤:注入服务
第二步骤:使用服务
自定义服务:service();
是angular里面的一个函数
service() 2个参数,
1. 服务名 2.回调函数
为什么要使用服务?
控制器中 有很多相同的功能 -> 把相同功能的代码 抽取为一个服务;
智能社前端开发全套视频 用vs做web前端开发工具 web前端开发自学视频

» 本文来自:前端开发者 » 《前端 AngularJs SPAS:单页应用程序》
» 本文链接地址:https://www.rokub.com/38114.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!