今天完成的事情：（一定要写非常细致的内容，比如说学会了盒子模型，了解了Margin） 

图片上传的基本思路:

input文件上传标签，div包裹的img标签为图片预览区域,按需求完成任务开发，能够预览打开的图片，并且成功上传

控制器中定义了一个UploaderController，该控制器在其作用域中定义了getFile()方法，getFile方法中调用了fileReader service中的readAsDataUrl方法，此方法中生成了图片的地址url，并将结果返回getFile中，将返回的url赋值给$scope.imageSrc ，根据Angular双向数据绑定的机制，img元素中ng-src属性值为url，那么就可以在页面上预览图片了。

明天计划的事情：（一定要写非常细致的内容） :

开发过程中哪种规范才是最好的规范？

遇到的问题：（遇到什么困难，怎么解决的） 

Angular中service、controller、directive的认识和理解?

Service就是单例对象在AngluarJS 中的一个别名。单例对象保证你每次访问到的都是同一个实例。基于这种思想，单例对象让我们可以实现一些相当酷的功能，它可以让很多controller和directive访问其内部的数值。

controller把service、依赖关系、以及其它对象串联到一起，然后通过scope把它们关联到view上。如果在你的视图里面需要处理复杂的业务逻辑，那么把它们放到controller里面也是一个非常不错的选择。Angular 1.x 中的 Controller仅仅是一个初始化器（Initializer），进行相关的数据绑定（包括字段和方法）而已，Controller 干的事情仅仅就是把相应的数据或者方法绑定到 ViewModel 中。

Angular对directive的定义是一段代码片段，你可以用它来操作DOM，也可以使用它来进行用户交互。

收获：（通过今天的学习，学到了什么知识）

HTML5的图片上传：在 HTML5 出现之前，通常是使用 Form + Input file 来上传图片，虽然在之后衍生出了 Ajax 异步提交通过监听 Iframe 的 readystate 状态 改变来处理上传进度和结果，这种方式相比纯 Form 提交的方式在体验上得到了很大的提升，因为不用刷新页面了。但后来HTML5 出现了，图片上传的花样就多了，XMLHttpRequest Level 2 有一个 FormData接口，也可以用来异步上传二进制文件

理解HTML5的图片上传原理。并且可以借此思考如果遇到需要上传多张图片应该怎么去做，如果需要显示上传进度应该怎么去做.

了解File API，它由一组js对象及其事件构成，赋予input[type=file]控件选择文件的能力

FormData使用一系列键值对来模拟一个完整表单，然后通过XHR发送这个表单。

directive一般用来写一些通用的组件。controller处理特定页面的逻辑。factory/service 是单例模式，service是对factory的封装，相应的还有constant和value方法。一般公用的静态方法（如与后端交互的ajax请求），或者需要在不同的controller、directive、service之间共享的数据都可以定义在service中。