進度

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 編程藝術》第一、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 編程藝術》第八、9章
2. JavaScript DOM 實例

 

2015/02/05

計劃：

1. 《JavaScript DOM 編程藝術》第十、11章
2. Html5 mobile app 應用前景及實例

完成：

1. 《JavaScript DOM 編程藝術》第十、11章
2. http://www.36kr.com/p/216973.html 前景沒有那麼好

 

2015/02/06

計劃：

1.  《JavaScript DOM 編程藝術》第12章

完成：

1. 《JavaScript DOM 編程藝術》第12章