发表于: 2016-10-21 23:09:52
2 1891
今天完成的事情 | 1、今天在启宸师兄弟的鼓(鞭)励(笞)下,终于开始了angularJS的入坑,反正迟早要入坑,早入早享受。 |
2、不知道怎么下手,只能拿出杀手锏,抄作业大法,跟着前人的脚步慢慢理解。 | |
2.1、起步就卡住了,angularJS的路由的使用,即router。把原来写好的task234的html、css、js代码拿过来一用,出现了不少问题。 | |
2.2、html拿过来用是可以的,但是首先要去除一些不必要的部分,只保留<body>内的内容。 | |
2.3、css拿过来也是可以用的,但是有个坑,在引入各个CSS代码的时候,所有引入的代码是会保留的(全部合并)。也就是说如果你原来任务的class命名有很多重复,那么他的样式就会叠加、覆盖等,所以为了确保唯一性,只能是在class命名上进行改动咯。 | |
2.4、js经过一定的改造后勉强能看看,不过师兄们都不建议继续使用,而是用angularJS重新写。这里又有个坑,就是直接拿过来加载后,优先加载js,导致js里的内容报错,无法顺利进行下去的。在代码前面加一句angular.module('myApp', []),勉强不报错。 | |
3、解决了一个历史遗留问题(task2)。 | |
3.1、修改前 | |
3.2、修改后 | |
3.3、原来的palyers.innerHTML的想法是内容不为空则跳转到下一页,实际上会报错。排查了下可能是作用域的缘故,上面有个函数中确实有palyers.innerHTML,但是下面这个函数引用就没有效果了,因为虽然players是全局变量,但是palyers.innerHTM是全局变量的局部属性(好绕口,不知道叫法错了没),所以没效果。直接改用palyers==undefined即可,因为申明变量没有赋值返回的就是undefined。 |
明天计划的事情 | 没得选,继续挖坑,angularJS。 |
遇到的问题 | 1、路由页面跳转的问题,学习了2个知识。ui-sref是跳转路由的,ng-click是点击(跳转)事件。不过页面task1原来是通过content="3;url=#/task2"来进行3秒后跳转到#/task2,不知道如何改进? |
2、因为是抄,很多地方没遇到问题则还不能理解进去,只能慢慢理解咯。 |
收获 | 简单了解下angularJS的路由功能。 |
评论