web頁面製做-環遊記（一）

url： http://zjingwen.github.io/SetTimeOutGoBlog/webdemo/huanyouji/index.html

（若是打開過慢，或者打不開，緣由你懂得。）

1、準備工做

一、思考須要使用的技術

（1）、jquery，使用其的ajax功能、Dom操做功能。

（2）、avalon，使用其數據渲染功能。

（3）、bootstrap，使用其柵欄佈局。

（4）、require，對js進行模塊化管理。

（5）、grunt，代碼的壓縮合並。

二、對設計稿進行分析規劃

（1）、思考公共樣式、思考在響應時的狀況下應該如何顯示。

（2）、圖片放置在第三方圖片託管。

（3）、文字數據都使用json數據格式編寫，經過ajax和avalon渲染進頁面。

（4）、文件目錄的規劃，這不可能只有一個首頁的，後期還會添加進入，各類子頁。

（5）、日期選擇功能。

（6）、 圖片無線輪播功能

來自爲知筆記(Wiz)