发表于: 2021-09-13 22:58:15

0 1430


今天完成的事情:

AngularJS 提供了动画效果,可以配合 CSS 使用。

AngularJS 使用动画需要引入 angular-animate.min.js 库。

<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular-animate.min.js"></script>

引用时需要注意引用顺序

   <script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script>
   <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular-animate.min.js"></script>

必须动画相关js文件放在普通angularJS文件下面,如果顺序反了,无法达成动画效果


应用中动画不宜太多,但合适的使用动画可以增加页面的丰富性,也可以更易让用户理解。

ngAnimate 模型可以添加或移除 class 。

ngAnimate 模型并不能使 HTML 元素产生动画,但是 ngAnimate 会监测事件,类似隐藏显示 HTML 元素 ,如果事件发生 ngAnimate 就会使用预定义的 class 来设置 HTML 元素的动画。



什么是依赖注入

wiki 上的解释是:依赖注入(Dependency Injection,简称DI)是一种软件设计模式,在这种模式下,一个或更多的依赖(或服务)被注入(或者通过引用传递)到一个独立的对象(或客户端)中,然后成为了该客户端状态的一部分。

1.一个对别人有依赖的东西,它想要单独测试,就需要在依赖项齐备的情况下进行。如果我们在运行时注入,就可以减少这种依赖

2.参数由定义方决定

3.与import还不完全一样



AngularJS 路由允许我们通过不同的 URL 访问不同的内容。

通过 AngularJS 可以实现多视图的单页 Web 应用(single page web application,SPA)。

路由设置对象参数规则:

$routeProvider.when(url,{
    template:string, //在ng-view中插入简单的html内容
    templateUrl:string, //在ng-view中插入html模版文件
    controller:string,function / array, //在当前模版上执行的controller函数
    controllerAs:string, //为controller指定别名
    redirectTo:string,function, //重定向的地址
    resolve:object<key,function> //指定当前controller所依赖的其他模块});





明天计划的事情:

明天计划把框架基础,再过一遍,针对其中的难点和重点,做好相关笔记,再看看师兄日报,进行学习



遇到的问题:

API  SQL等一些内容,看起来有些费解,明天再研究研究




收获:

js框架的复习






返回列表 返回列表
评论

    分享到