1.今天繼續做華安PC端商城的介面，因為已經比較熟悉了，所以做的比上次快不少。但是由於元件複用性還是很低，很多都要自己進行大量修改。做的速度還是很一般。今天差不多做了總工程量的一半。

2.css裡的cursor:pointer樣式，挺實用的，會把元素變成滑鼠滑過，像超連結那樣的手掌標記。

3.學到了關於line-height和height的聯絡。如果該div設定了高度，同時設定了相同的行高，那麼垂直方向上 該DIV裡的文字就是居中的。同時，如果該div未設定高度，那麼無論給div設定什麼行高，都可以使之居中。

4.在寫樣式的過程中，對於css盒子模型的認識加深了。基本能完全還原UI的介面。

5.不能使用flex佈局的情況下，水平方向固定寬度的div裡的子div還真的不好定位，因為如果固定邊距的話，有一個子div寬度過寬，就會超過父div。解決辦法是，給子div設固定寬度。然後在可能超過該寬度的子div裡使用超出…即可。

6.jquery裡有一個tab切換很簡單的寫法，

  $('.left-nav li').click(function() {
    $(this).addClass('current').siblings().removeClass('current');
  })

 $('.ui-modal-nav span').on('click', function() {
    $(this).addClass('current').siblings().removeClass('current');
    $('.tab-content.' + $(this)[0].id).addClass('current').siblings().removeClass('current');
  })
 

在tab-content 寫法是這樣的：

      <div class="tab-content fundManager" id="fundManagerList">

current定義顯示和隱藏。