項目小結：兼容ie8過程當中的一些問題

背景

最近作的一個項目中，對ie8兼容有需求，所以在項目大體完成後，又在ie8的兼容性方面進行了一些改進。 項目前端使用的是百度san框架，工具備bootstrap。

具體問題與解決

• Q1： bootstrap樣式不顯示
• A1：在網頁頭中添加兩個js文件：respond.min.js & html5shiv.js，下載地址不少，添加以後就能夠正常顯示bootstrap的全部樣式了
• Q2：使用san框架時，同時使用了san-router插件，但ie8環境中報錯
• A2：ie8不識別router，所以棄用了san-router，在使用其餘框架時，需注意這點
• Q3: css3的一些特有的屬性，ie8不可以識別或使用，例如calc()計算、background-size、nth-child()等
• A3: ie8只能使用css原有的，對於calc()計算問題，只能在js程序中進行計算；對於background-size問題，網上給出解決方法，但本人使用後，不能徹底解決，因而就不使用；對於nth-child()問題，使用的其餘選擇方式，如：
• 0：li:first-child
• 1: li:first-child + li
• 2: li:first-child + li + li
• Q4: bootstraptable 列表樣式class不可添加
• A4: 用其餘方法添加樣式
• Q5: 請求返回的數據中，關鍵字出現問題，如new, continue等
• A5: 避免關鍵字，不用.new,.continue,用["new"],["continue"]來選擇
• Q6: bootstrap中的form標籤，自動會添加動做
• A6: 使用div標籤代替