发表于： 2017-02-14 14:51:56

JS任务7详解

1.这个任务需要学会什么技能，为什么要优先学习这个技能

1.1 用angular进行数据交互：之前已经学习过了如何使用ajax来异步请求数据，而当我们使用其他框架的时候，可能会对xhr事件有其他的封装方式，比如angluar里则使用的是$http。学习了这个方法后会发现其实不同库不同框架里的异步请求方法都大同小异，即时以后换用其他框架也足以应付。只是在angular中使用这个方法时要注意首先得注入才可以使用。

1.2 双向绑定：这个官网首页的列子就展示过简单的双向绑定功能，这也是angular在刚刚推出时令人惊叹一个特性，大大减少应用代码的冗余。它实际上就是将自己去写代码序列化、反序列化和同步的内容，通过框架封装处理了，自动监视数据变更。

1.3 表单验证：因为有双向绑定的特性，angular的表单验证方式和之前有所区别，并且非常简单。

2.这个任务为什么要用这种方式来设计，有没有其他的可替代的练习方案

这样的方式满足了一个网站最基本的需求：获取数据和展示数据。在前面学习了jquery之后感受一下MV*的框架是如何处理这些行为的，如何模块化，让代码更加清晰。

3.做这个任务需要哪些基础知识，需要多久才可以把基础知识完成

做这个任务需要先对angluar框架的一些概念有基本了解，比如使用什么方法来请求数据，怎么把数据渲染到页面上。

4.做这个任务设置了哪些具体步骤，为什么这么设计

这个任务首先是使用接口登录，同时做一点简单的验证，之后再通过接口请求列表数据，并将列表展示出来。完成这个任务之后，可以想想如果有其他网站的登录需求应该怎么进行开发，如果要请求数据，比如产品展示，个人信息等，该怎么去渲染和展示。

5.做任务的时候会遇到哪些常见的错误，需要参考什么样的参考资料

5.1 http请求发送成功，但返回的值总是不对？排出开请求的参数不对，以及请求路径不对等低级错误后，我们能想到的最主要原因是header的content-type设置不对。

6.怎么样才算把这个任务完成了，验收标准为什么要这么制订

以完全使用框架完成需求为准，请不要在过程中使用jquery等方式来同步数据

7.整个任务需要多久才可以完成，最快的和最慢的会是多长时间

我们认为整个任务大概需要14个小时即可完成，但每个人的基础知识学习能力等情况各不相同。对这方面本来就有基础或者是学习能力特别好的好人可能只需8个小时甚至更少，而有的同学也许需要超过28小时来完成这节内容。时长在这些时间之内都非常正常，如果有远远超出这个时间也未能做出的同学则应该多去请教一下各位完成过任务的师兄们，也许这个时候只需要旁人稍稍提点几句就能获得突飞猛进的进步。

8.如果我在做任务的时候遇到了困难，可以跳过任务中的哪些部分？

在这一节里，我们认为每个步骤都非常重要，不能跳过任何一个步骤，请大家认真完成任务。