2018-10-24工作日报

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定义显示和隐藏。