进度

2014/12/29

1.整理了HTML5.jp上面的JS库资料，包括柱状图，饼状图，折线图，进度条等，因为库是封装好的，而且给出的例子很详细，调用起来很方便。

2.调试了HBuilder的Android  5+APP打包文件，http://ask.dcloud.net.cn/docs/#http://ask.dcloud.net.cn/article/38

按照上面的教程调试失败，APP安装成功，但刚开始打不开，后来能打开了，少数页面也能跳转，如nativeui能打开，功能也能实现，但是更多其它的选项无效，点击无反映或者显示出错，不知道是不是因为虚拟机的问题。

3.尝试将cordova和HBuilder结合，将HBuilder的打包文件中的www文件夹直接替换cordova产生的www文件夹，用cordova emulate android命令调试，结果应用无跳转功能，跳转函数失效，重写跳转函数之后，nativeui中的调用系统原生应用功能也无效。

是不是jar文件没有拷贝？明天继续尝试。

2014/12/30

计划：

1. 继续调试HBuilder演示应用
2. 新建cordova项目，比较它与HBuilder项目的文件结构异同，单独调试nativeui等少数功能。
3. 测试图表在虚拟机中的使用，柱状图，饼状图，折线图等

完成：

1. 将jar文件拷贝到cordova的worker应用中，调试结果和之前HBuilder相同，失败。
2. 2.       Cordova项目结构和HBuilder演示项目结构有很大不同，将HBuilder的www文件夹导入cordova项目中，选项点击跳转失败，不可用，以后都将按照HBuilder演示项目的结构来开发。
3. HBuilder演示应用调试成功，各项功能正常，
4. 文件压缩plus.zip.compress函数从哪里调用的？

http://ask.dcloud.net.cn/docs/#http://ask.dcloud.net.cn/article/89

由以上官方文档中的描述来看，plus.xxx应该是原生应用的函数。

2014/12/31

1. 找到一个新的图表库http://www.ichartjs.com/，比之前的http://www.html5.jp/library/index.html 上的库更好，通过调用ichart.js库，可以实现柱状图、饼状图和折线图等图形。将例子添加到HBuilder中，测试。
2. 完成了Javascript ライブラリー和Ichartjs库的文档说明，任务5图表的使用方法基本完成。
3. 2015/1/4下午书写文档，整理这几周所做的工作。
4. 时间安排

5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29	30	31	1
2	3	4	5	6	7	8

2015/1/4下午书写文档，整理这几周所做的工作。

2015/1/19

计划：

1. 测试单独将HBuilder中nativeui程序移植到cordova生成的应用中，能否执行。若能，继续测试文件操作的压缩、解压功能。
2. 接下来先做webstorage调查。你负责调查一下httpcache、application cache、cookie、localstorage区别。最好能整理出一个对比的表格。

完成：

1. Application Cache（Appcache）基本结构，使用方法等

2015/1/20

计划：

1. http://cache.baiducontent.com/c?m=9f65cb4a8c8507ed4fece7631046893b4c4380146d96864968d4e414c42246101d31bfb920221007d1c67c661cfc091ab1a168252a5577f1c893d60bc0be902a2f8d23366459db0144dc4aed89187e9073d601b4f30ee7cba161c2f485&p=882a9645d59a05fc57efdf0c48499f&newp=882a9645d58017ee0eb1c22d02148b231610db2151d0d1123c82d21ecf32&user=baidu&fm=sc&query=application+cache&qid=f7b4f8cc0000c394&p1=16
2. https://developer.mozilla.org/en-US/docs/Web/HTML/Using_the_application_cache
3. http://www.cnblogs.com/CharlieSong/archive/2012/12/07/2806688.html
4. http://alistapart.com/article/application-cache-is-a-douchebag
5. 总结以上网站中的application cache用法
6. 接下来先做webstorage调查。你负责调查一下httpcache、application cache、cookie、localstorage区别。最好能整理出一个对比的表格。

完成：

1. 归纳总结application cache，阅读文档https://developer.mozilla.org/en-US/docs/Web/HTML/Using_the_application_cache
2. chrome://appcache-internals/ 用于检测chrome当前有哪些应用缓存，测试关机重启后应用缓存是否依然存在。Application cache依然存在，因为其存储在本地。
3. localstorage应用。

2015/01/21

计划：

1. chrome://appcache-internals/  检测chrome当前应用缓存。
2. HttpCache资料总结。

完成：

1. appcache将数据保存在本地，若manifest文件不更新，则文件一直从应用缓存中载入；
2. 查漏补缺，总结appcache和localstorage的特点；
3. HttpCache资料查找与总结。

2015/01/22

计划：

1. HttpCache的实现机制；
2. Cookies资料学习；
3. 用例子实现以上四种存储机制，去用！

完成：

1. 阅读<<HTML5 and JavaScript Web Apps>>第6章Optimizing with Web Storage.
2. xampserver安装
3. Cookie资料学习

2015/01/23

计划：

1. HttpCache的实现机制，例子；
2. Cookies资料总结；
3. 用例子实现以上四种存储机制，去用！

完成：

1. HTTP协议详解
2. Fiddler 教程
3. 四种存储或缓存方式资料总结

在调查webstorage的过程中，一步一步了解了各种缓存或存储机制，local storage本地存储，application cache离线应用存储，http cache是http本身自带的缓存机制，cookie多用于身份验证；httpcache和cookie是在页面访问时随request和response传递的，所以接着又研究了http协议的原理及大致过程。

2015/01/26

计划：

1. 总结webstorage调查：httpcache、application cache、cookie、localstorage。
2. 测试webstorage四种存储方式在html5  mobil  app 中的调用是否和浏览器中调用完全一致。

 完成：

1. Localstorage与浏览器端显示和功能 完全一致，电脑端存储位置为浏览器生成的数据库，mobil app的存储位置未知。
2. 其他三种都与浏览器有关，而不是html5 mobil app，所以，没有进行测试，可以等到架设完服务器再进行网页间的测试。

2015/01/27

计划：

1. 总结webstorage调查：httpcache、application cache、cookie、localstorage。
2. 学习JavaScript基础知识
3. Html5文件操作资料

完成：

1. JavaScript基础知识浏览，W3school、《JavaScript DOM 编程艺术》第1、2章
2. Html5文件操作资料查找

2015/01/28

计划：

1. 继续学习JavaScript基础知识
2. 学习webkit相关知识
3. HTML5文件操作，写实例

完成：

1. JavaScript DOM 部分知识，W3school、《JavaScript DOM 编程艺术》第3章
2. HTML5文件读取实例在虚拟机上运行

2015/01/29

计划：

1. html5移动应用的运行机制是什么，如何解析JavaScript、CSS等文件的，借助浏览器？
2. 《JavaScript DOM 编程艺术》第4章
3. HTML5文件读写操作

完成：

1. HTML5移动应用运行机制分析：API调用系统浏览器的JS加速引擎或者直接集成第三方引擎。
2. 《JavaScript DOM 编程艺术》第4章

2015/01/30

计划：

1. HTML5文件读写操作
2. HTML5文件压缩与解压操作

完成：

1. HTML5文件压缩与解压，尝试将HBuilder演示应用的压缩解压方法移植到电脑浏览器，结果一直不成功，原因不在于JS文件，而在于一些函数调用不了，如：plus.io.resolveLocalFileSystemURL，plus.zip.decompress等，Console显示：plus is not defined，原因：plus是5+内置的，也就是说新建项目的时候要选APP项目而且只能运行在手机上。
2. Blob.js ,  zip.js , Downloadify.js  等试用。

2015/02/02

计划：

1． 文件压缩与解压，写例子，测试总结

2． 《JavaScript DOM 编程艺术》第5章

完成：

1. 将《JavaScript DOM 编程艺术》中的例子图片库移植到虚拟机中，测试DOM是否运行正常。
2. 《JavaScript DOM 编程艺术》第5章、第6章
3. 测试将zip.js的压缩和解压实例移植到虚拟机中，下载失败。原因可能是里面的函数调用有问题，而且这种压缩解压的方式所牵连的文件较多，调用也很复杂，不再尝试。

2015/02/03

计划：

1. 《JavaScript DOM 编程艺术》第7章
2. Ajax基础知识学习
3. jQuery知识学习W3School

完成：

1. 《JavaScript DOM 编程艺术》第7章
2. Python 数据类型学习

2015/02/04

计划：

1. jQuery和jQuery mobile
2. 《JavaScript DOM 编程艺术》第8章

完成：

1.  《JavaScript DOM 编程艺术》第8、9章
2. JavaScript DOM 实例

2015/02/05

计划：

1. 《JavaScript DOM 编程艺术》第10、11章
2. Html5 mobile app 应用前景及实例

完成：

1. 《JavaScript DOM 编程艺术》第10、11章
2. http://www.36kr.com/p/216973.html 前景没有那么好

2015/02/06

计划：

1.  《JavaScript DOM 编程艺术》第12章

完成：

1. 《JavaScript DOM 编程艺术》第12章