1. 程式人生 > >2018-10-23工作日報

2018-10-23工作日報

上午

1.認識到margin:0 auto有時候不是很好,因為必須規定元素/容器的寬度,這樣的話在元素可能超過寬度的情況下,就不可取。
替代的方法是給元素一個div容器,然後在容器中設定text-align:center;,這樣的話不用定寬,相當於flex的彈性佈局居中。

2.關於jquery內建的toggleClass(class)方法。實際上是,檢測該元素有無該class,有則刪除,無則新增。乍看之下並不好用,實際上結合css裡的樣式覆蓋來看,還是挺好用的。比如,我想讓該元素在兩個類之間切換。我就可以toggleClass(),後來的類會覆蓋前一個。
同理,addClass()方法和removeClass()方法也可以應用。不過想做到上述的效果,需要使用if判斷當前的類狀態。

3.上面可能有個坑,比如我想用attr(class)獲取元素的類,注意是獲取完整的類名。我在if裡獲取的值寫錯了。

下午

4.完成了財富商城PC端財富寶介面的開發任務,由於開發時間比較緊,而且是前後端不分離的專案,所以規範和細節上可能有點問題。等待後端反饋,我再進行優化。

5.vertical-align 該屬性是css1中的,相容性很好。我經常碰到同一個div下的img和文字對不齊的情況,這時候給img加上vertical-aligns:sub即可

在這裡插入圖片描述

6.這個專案dialog裡的幾百行字串拼接真的寫吐了,突然感覺新技術太偉大了。