項目：LT沃寶遊戲大廳 總結與經驗

背景.這次的項目也是在做移動端頁面的，由於這個項目不賺錢，所以組長叫我不用用心地去做，也是比較粗糙地去做了

遺憾點：由於剛做完官網沒多久，對於SPA（單頁面應用）的處理還處於實驗階段，於是就把這次的項目也用SPA去做了，結果發現，只使用window.onhash來處理頁面間的跳轉有個不好的地方在於：如果你總是在這個頁面跳來跳去，那這樣歷史記錄上都已經有這個頁面不下十個了，那用戶要是一直點擊移動端上的返回鍵的話，發現一直退出不了那得多尷尬啊。。。後來看到書上有個HTML5的history歷史記錄管理，發現可以通過replace來替換歷史記錄，而不是添加歷史記錄，問題就可以解決了，但要是用戶只是想返回上一個狀態呢？哎哎哎啊啊啊，我這選擇困難症又要犯了。。

一些遇到的小問題

1.String.indexOf兼容各個瀏覽器，只是Array.indexOf要兼容IE9+，其實挺多Array的方法都得在IE9+上才能運行

2.display和transition衝突問題，解決方法可以是transition設置一下延遲，但發現第一次可以，第二次之後不行，不知道什麼鬼，但比較完美的解決方法是設置setTimeout

3.類似JQuery操作類的方法,是每個元素都有的classList屬性，這屬性有add()、remove()、toggle()、contains()方法，都挺方便的，但就是有個極大的缺點是，IE10+後纔出現，日了哈士奇了。。

4.怎麼上傳圖片到服務器(<input type="file"> )

①異步：formdata（模擬form表單提交），又是IE10+，日了UZI了。。

var formdata = new FormData();
      formdata.append("title",otitle.value);
      formdata.append("desc",odesc.value);
      formdata.append("images",oimage.files[0]);
      var newsec = document.createElement("div");

然後把formdata作爲post方式中的數據傳到後臺就可以了

②form表單提交

form標籤中要有enctype="multipart/form-data"標記才能上傳

5.get和post方法的區別

①get是放在url裏，post是放在HTTP請求頭部header

②get安全性低但效率高

③get數據量不能大於32KB

6.IE中的瀏覽器模式和文檔模式

瀏覽器模式：兼容地說，影響的是瀏覽器版本以及IE的條件註釋

①不同的瀏覽器模式會導致傳給服務器的瀏覽器版本的信息的變化

②IE的條件註釋主要是說IE hack了比如：

<!- [if IE 7]> 
	<style> .content {color: red}</style>
<! [end id] ->

文檔模式：這個就比較熟悉了，影響的主要是CSS API和JS API，DOM LEVEL了，需要注意的是CSS hack對於文檔模式也適用