移動端實踐之音悅tai

個人感覺移動端的頁面難度高一點，因為涉及到的視窗較多，另外還有適配問題，不過之所以覺得難，還是因為經驗少吧~

在這次開發中遇到的問題：

1、適配問題，適配方案不止一種，可以根據實際需求選擇最合適的(設計圖頁面較小的時候，可以採用固定+流體布局，就不用採取適配方案了)，其實適配問題的難點是在於理解適配產生的需求和每種適配方案適配的原理，這其中涉及到我之前寫到過的三個視口以及畫素比的問題；

2、事件點透，這個問題我也是剛遇到，還沒有仔細研究，事件點透發生的主要原因是因為pc端網頁的事件在移動端頁面上也能觸發，比如：onclick，但是會延遲一段時間（依稀記得是0.3s吧），所以如果在移動端頁面上繫結乙個pc端事件的話，這個事件可能觸發多次；

3、關於樣式，這次寫樣式用的是less，雖然最終是將樣式勉強搞定，但是在過程中還是遇到不少問題，主要是對less繼承和混合用的不熟練，特別是在繼承的時候要不要加all，如果不加all的話，就只能繼承一層內容；

4、關與元件的封裝，將部分元件抽取，封裝在js檔案中，但是沒有封裝成模組，這也是不足的一點；

5、在寫業務**時，有時候在獲取某個元素的樣式的時候，獲取不到(可能是還沒有渲染或者是載入到頁面中)，這時候可以利用settimeout方法來延遲一小段時間獲取屬性；

6、就是關於功能實現的問題了，在這裡暫不敘述，在之後專門寫每個功能的時候在詳細說明；

7、不足之處：沒有實現在頁面空白處滑動來切換整個內容區；