服務(wù)端
- 服務(wù)端可以發(fā)送以下靜態(tài)資源
- 經(jīng)歷模板引擎處理的頁面
- css
- js
- img
- 數(shù)據(jù)
- MVC
- app.js 服務(wù)器核心
- route.js 路由，不是MVC的一部分九昧，用來做導(dǎo)航
- handler.js 操作模型和視圖碘饼，并返回給客戶端-----C
- model.js 操作數(shù)據(jù)-----m
- view.js 視圖严望，應(yīng)用數(shù)據(jù)-----v
圖片預(yù)覽
- html+js（fileReader接口）+ 圖片base64編碼件余，實現(xiàn)圖片本地預(yù)覽鲫懒。缺點：兼容性
- file的change事件，當(dāng)選擇圖片改變才會觸發(fā)
- 客戶端醉者，異步上傳圖片(file元素的name可以是vatart或其他)但狭，可以使用三方插件，可以使用formData API
- 使用formidable存儲文件湃交，成功后相應(yīng)客戶端
- 客戶端得到相應(yīng)之后熟空，在預(yù)覽區(qū)域顯示圖片藤巢，并將圖片地址存儲在hidden元素中搞莺，name=vatart
- 客戶端提交表單，此時不需要提交文件了掂咒，只需要將圖片地址提交
異步無刷新加載
- 之前刪除文件之后才沧，直接刷新頁面，頁面會發(fā)送同步請求绍刮，因為數(shù)據(jù)改變了温圆。所以頁面才會跟著改變
- 使用異步刷新，在刪除某條記錄之后孩革，再次放松ajax請求岁歉，使用模板渲染。
- 優(yōu)點
- 在拉取數(shù)據(jù)的時候膝蜈，可以添加動畫锅移，提升用戶體驗
