關於stylus的方法解耦

2021-10-03 12:51:54 字數 417 閱讀 2070

廢話不多說直接上圖

將文字過長後新增省略號的方法抽離、並且使用

mixins.stylus (方法)

ellipsis()

overflow hidden

white-space: nowrap

text-overflow ellipsis

在vue元件中使用,這裡可能會出現不生效的問題,只需要在父元素中新增 :min-width 0 即可

//引入檔案

@import "~styles/mixins.stylus"

//使用

.info-desc

margin-top .2rem

ellipsis()

關於解耦的思考

前言 以前記得在知乎上看過,乙個神奇的例子,大致上來說就是乙個手機接觸到了金屬湯匙,結果手機顯示檢測的未知裝置。其實從一方面看來這也算是乙個 復用的思想吧。在設計程式的時候,我們都會盡力提高 的復用性,這也導致在方法中會產生依賴的關係,但是對於使用者而言,依賴關係會新增諸多的限制,因此在設計程式的時...

解耦的簡單理解

重用性是物件導向設計的主要目標之一,而緊耦合便是它的敵人。當我們看到系統中乙個元件的改變迫使系統其他許多地方也發生改變的時候,就可以診斷為緊耦合了。簡單實現 class registrationmgr abstract class notifier else abstract function in...

對於解耦的理解

以三層為例子 在bll層中建立dal層的某個物件 iuserdal userdal dalabstractfactory.createuserdal 即層之間的關聯降到最低,這樣我們很容易想到引用乙個第三方來作為中間介質。這就引出了介面,在層中要建立其他層的某個物件時,用介面來接收這個物件,這個介面...