进度
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
计划：
- 继续调试HBuilder演示应用
- 新建cordova项目，比较它与HBuilder项目的文件结构异同，单独调试nativeui等少数功能。
- 测试图表在虚拟机中的使用，柱状图，饼状图，折线图等
完成：
- 将jar文件拷贝到cordova的worker应用中，调试结果和之前HBuilder相同，失败。
- 2. Cordova项目结构和HBuilder演示项目结构有很大不同，将HBuilder的www文件夹导入cordova项目中，选项点击跳转失败，不可用，以后都将按照HBuilder演示项目的结构来开发。
- HBuilder演示应用调试成功，各项功能正常，
- 文件压缩plus.zip.compress函数从哪里调用的？
http://ask.dcloud.net.cn/docs/#http://ask.dcloud.net.cn/article/89
由以上官方文档中的描述来看，plus.xxx应该是原生应用的函数。
2014/12/31
- 找到一个新的图表库http://www.ichartjs.com/，比之前的http://www.html5.jp/library/index.html 上的库更好，通过调用ichart.js库，可以实现柱状图、饼状图和折线图等图形。将例子添加到HBuilder中，测试。
- 完成了Javascript ライブラリー和Ichartjs库的文档说明，任务5图表的使用方法基本完成。
- 2015/1/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
计划：
- 测试单独将HBuilder中nativeui程序移植到cordova生成的应用中，能否执行。若能，继续测试文件操作的压缩、解压功能。
- 接下来先做webstorage调查。你负责调查一下httpcache、application cache、cookie、localstorage区别。最好能整理出一个对比的表格。
完成：
- Application Cache（Appcache）基本结构，使用方法等
2015/1/20
计划：
- http://cache.baiducontent.com/c?m=9f65cb4a8c8507ed4fece7631046893b4c4380146d96864968d4e414c42246101d31bfb920221007d1c67c661cfc091ab1a168252a5577f1c893d60bc0be902a2f8d23366459db0144dc4aed89187e9073d601b4f30ee7cba161c2f485&p=882a9645d59a05fc57efdf0c48499f&newp=882a9645d58017ee0eb1c22d02148b231610db2151d0d1123c82d21ecf32&user=baidu&fm=sc&query=application+cache&qid=f7b4f8cc0000c394&p1=16
- https://developer.mozilla.org/en-US/docs/Web/HTML/Using_the_application_cache
- http://www.cnblogs.com/CharlieSong/archive/2012/12/07/2806688.html
- http://alistapart.com/article/application-cache-is-a-douchebag
- 总结以上网站中的application cache用法
- 接下来先做webstorage调查。你负责调查一下httpcache、application cache、cookie、localstorage区别。最好能整理出一个对比的表格。
完成：
- 归纳总结application cache，阅读文档https://developer.mozilla.org/en-US/docs/Web/HTML/Using_the_application_cache
- chrome://appcache-internals/ 用于检测chrome当前有哪些应用缓存，测试关机重启后应用缓存是否依然存在。Application cache依然存在，因为其存储在本地。
- localstorage应用。
2015/01/21
计划：
- chrome://appcache-internals/ 检测chrome当前应用缓存。
- HttpCache资料总结。
完成：
- appcache将数据保存在本地，若manifest文件不更新，则文件一直从应用缓存中载入；
- 查漏补缺，总结appcache和localstorage的特点；
- HttpCache资料查找与总结。
2015/01/22
计划：
- HttpCache的实现机制；
- Cookies资料学习；
- 用例子实现以上四种存储机制，去用！
完成：
- 阅读<<HTML5 and JavaScript Web Apps>>第6章Optimizing with Web Storage.
- xampserver安装
- Cookie资料学习
2015/01/23
计划：
- HttpCache的实现机制，例子；
- Cookies资料总结；
- 用例子实现以上四种存储机制，去用！
完成：
- HTTP协议详解
- Fiddler 教程
- 四种存储或缓存方式资料总结
在调查webstorage的过程中，一步一步了解了各种缓存或存储机制，local storage本地存储，application cache离线应用存储，http cache是http本身自带的缓存机制，cookie多用于身份验证；httpcache和cookie是在页面访问时随request和response传递的，所以接着又研究了http协议的原理及大致过程。
2015/01/26
计划：
- 总结webstorage调查：httpcache、application cache、cookie、localstorage。
- 测试webstorage四种存储方式在html5 mobil app 中的调用是否和浏览器中调用完全一致。
完成：
- Localstorage与浏览器端显示和功能 完全一致，电脑端存储位置为浏览器生成的数据库，mobil app的存储位置未知。
- 其他三种都与浏览器有关，而不是html5 mobil app，所以，没有进行测试，可以等到架设完服务器再进行网页间的测试。
2015/01/27
计划：
- 总结webstorage调查：httpcache、application cache、cookie、localstorage。
- 学习JavaScript基础知识
- Html5文件操作资料
完成：
- JavaScript基础知识浏览，W3school、《JavaScript DOM 编程艺术》第1、2章
- Html5文件操作资料查找
2015/01/28
计划：
- 继续学习JavaScript基础知识
- 学习webkit相关知识
- HTML5文件操作，写实例
完成：
- JavaScript DOM 部分知识，W3school、《JavaScript DOM 编程艺术》第3章
- HTML5文件读取实例在虚拟机上运行
2015/01/29
计划：
- html5移动应用的运行机制是什么，如何解析JavaScript、CSS等文件的，借助浏览器？
- 《JavaScript DOM 编程艺术》第4章
- HTML5文件读写操作
完成：
- HTML5移动应用运行机制分析：API调用系统浏览器的JS加速引擎或者直接集成第三方引擎。
- 《JavaScript DOM 编程艺术》第4章
2015/01/30
计划：
- HTML5文件读写操作
- HTML5文件压缩与解压操作
完成：
- HTML5文件压缩与解压，尝试将HBuilder演示应用的压缩解压方法移植到电脑浏览器，结果一直不成功，原因不在于JS文件，而在于一些函数调用不了，如：plus.io.resolveLocalFileSystemURL，plus.zip.decompress等，Console显示：plus is not defined，原因：plus是5+内置的，也就是说新建项目的时候要选APP项目而且只能运行在手机上。
- Blob.js , zip.js , Downloadify.js 等试用。
2015/02/02
计划：
1． 文件压缩与解压，写例子，测试总结
2． 《JavaScript DOM 编程艺术》第5章
完成：
- 将《JavaScript DOM 编程艺术》中的例子图片库移植到虚拟机中，测试DOM是否运行正常。
- 《JavaScript DOM 编程艺术》第5章、第6章
- 测试将zip.js的压缩和解压实例移植到虚拟机中，下载失败。原因可能是里面的函数调用有问题，而且这种压缩解压的方式所牵连的文件较多，调用也很复杂，不再尝试。
2015/02/03
计划：
- 《JavaScript DOM 编程艺术》第7章
- Ajax基础知识学习
- jQuery知识学习W3School
完成：
- 《JavaScript DOM 编程艺术》第7章
- Python 数据类型学习
2015/02/04
计划：
- jQuery和jQuery mobile
- 《JavaScript DOM 编程艺术》第8章
完成：
- 《JavaScript DOM 编程艺术》第8、9章
- JavaScript DOM 实例
2015/02/05
计划：
- 《JavaScript DOM 编程艺术》第10、11章
- Html5 mobile app 应用前景及实例
完成：
- 《JavaScript DOM 编程艺术》第10、11章
- http://www.36kr.com/p/216973.html 前景没有那么好
2015/02/06
计划：
- 《JavaScript DOM 编程艺术》第12章
完成：
- 《JavaScript DOM 编程艺术》第12章
