今天完成的事：

上午师姐给我的任务8找了个bug。数字框输入超出范围数字时页数不动。于是给跳页函数添加了一个判断，超出最大值时页数=最后一页。

还有样式也被吐槽了一番，准备做任务的间隙给改了吧。

扒下了官网代码，然后师姐给讲了一下。大致了解每块负责的功能。

不过不是很明白一开始的定义指令是干什么用的，定义成了 restrict：A 我知道是属性的意思。后面是为元素绑定了一个事件，元素change时获取文件的URL。之前没见过element.bind这样的方法，还是挺陌生的。

又根据代码去学习了一下里面用到的对象和方法。

MDN上讲的很全，https://developer.mozilla.org/zh-CN/docs/Web/API

整理笔记：

FileReader对象

可以异步读取存储在用户计算机上的文件。

其中有个readAsDataURL()方法，开始会读取file内容，如果操作完成，result.data=url

这个方法很有用,比如,可以实现图片的本地预览。代码去mdn找。

FormData 对象

用来发送表单数据。

创建一个formdata对象，通过调用它的append（）方法添加字段。

还可以使用FormData上传文件。使用下面的代码发送请求：

var form = document.forms.namedItem("fileinfo");
form.addEventListener('submit', function (ev) {

   var oOutput = document.querySelector("div"),
oData = new FormData(form);

   oData.append("CustomField", "This is some extra data");

   var oReq = new XMLHttpRequest();
   oReq.open("POST", "stash.php", true);
   oReq.onload = function (oEvent) {
       if (oReq.status == 200) {
           oOutput.innerHTML = "Uploaded!";
       } else {
           oOutput.innerHTML = "Error " + oReq.status + " occurred when trying to upload your file.<br \/>";
       }
   };

明天要做的事：去学习如何封装组件。把10的静态页面写了，添加表单验证。继续学习9的代码，尝试自己写一写。

遇到的问题：之前对自定义组件的了解只是概念性的，涉及到具体使用还不太熟悉。