2023年3月9日前端CSS相關

2021-09-12 07:06:37 字數 1093 閱讀 4516

1、採用element布局,規定盒子寬度後,

在盒子內進行,子盒子的padding ,margin變化,發現,高度都會撐開,但是寬度會像absolute一樣並不會強行撐開,父元素寬度。

2、箭頭iconfont匯入,後用float:right居右,導致標籤高度坍塌,開始誤認為是float影響,在下面才知道原因。

3、依舊是iconfont高度坍塌的問題,多次嘗試修改**,其實是因為icon與父元素dd不同步font-size導致,你可以子元素iconfont 的font-size小於父元素,絕不可以大於父元素,會造成列表拉長。

4、對於定時器選單移入移出,使用者體驗感優化的**寫法。

大致情況如下

1、滑鼠全域性移入menu,出現list,滑鼠繼續移入list,出現list消失問題。

方案:因為不在同乙個層級,故需要(加入定時器_timer),當移入list時,(取消定時器_timer)。

2、滑鼠在menu,出現list,直接移出局外,(加入新定時器_timerdetail),判定即可。

3、滑鼠在list,移入menu出現list閃爍效果,

方案:在移入menu時,(取消_timerdetail即可)

4、滑鼠在menu之間上下移動,所有選單都依次快速顯示,而不是跳躍性顯示。

方案:在menu(加入_timerin,並在每次進入該方法時,呼叫cleartimeout(this._timerin)即可。

5、快速在menu選單做出入行為,發現一直會閃爍一次list

方案:方法同上,(移出時加入cleartimeout(_timerin)即可。

此次選單優化共增加三個定時器,幾乎完美符合使用者體感。

6、vue 中v-show和v-if的最大區別 ,v-if會執行之後的**,若資料項為空,則報錯。

2023年3月7日前端CSS知識點小記

1 border邊框不重疊導致線條加粗問題。用margin負畫素解決,同時增加知識 not classname 反選擇器。2 用box sizing時,子元素會相應減少對應畫素。如列表dl width 80px border sizing border box padding 0 1px,那麼dd ...

2023年9月18日總結

這幾天各種綜合測評的事感覺狀態沒有自己想象中的好,當然這也不是自己不好好看部落格的理由。這幾天沉迷於數論中無法自拔,又找了一些容斥定理的東西,找了乙個總結性的部落格,然後前幾道還好,後來有一道組合數的題卡了我兩天,今天上概率論的時候突然恍然大悟。題意是 給出乙個方程 x1 x2 x3 x4 x5 x...

2023年9月28日總結

今天上午開會,翹了小組的討論,哎,沒辦法。其實自己想了很多東西,感覺自己也是乙個容易想多的人,想著自己的不足之處,想著自己和別人的差距,但說實話想的和現實一直都是不對等的。就拿乙個 題來說,想的思路雖然可以讓你寫出乙個題的 框架,但實現的過程,往往會遇到各種問題,有可能在實驗敲 的過程中會發現有更好...