自己關於uview 的元件理解

2021-10-13 18:19:21 字數 1095 閱讀 5424

其中u-image 可以支援width,height和mode,shape,也可以支援錯誤的情況下,使用一張預設的的,今日進行深入研究,做個備註

原因:是通過或者widh和height,進行乙個叫addunit的函式來進行數字驗證,如果是純數字的話,就加上rpx,

如果不是,就直接返回原來的數值

原因:通過乙個計算屬性 wrapstyle,

wrapstype();

style.width= addunit(width);

....***

style.borderradius = this.sahpe == "circle" ? "50%":this.addunit(你自己傳進來的borderrdius的值,否則是0)

style.overflow = this.borderradius > 0 ? 'hidden' : 'visible'

//如果傳入了fade的值

return style

} 頁面中使用

image中onerror 和onload 這兩個函式,當onerror執行時,會觸發iserror=true 和isloading=false

由於mage標籤是使用了 v-if=「!iserror」,所以會隱藏,由於有background的存在,頁面不會一片空白,會顯示預設的錯誤顏色,由於用了和image一樣的寬高,所以頁面不會坍陷,當傳入自己所寫的錯誤資訊時

載入失敗

這樣可以對元件進行2次的改進

by the way

在元件中學到了

data() }

可以對傳進來的內內容進行使用和改造

以前我只知道可以傳入乙個物件,因為物件是引用型別,不會有子元素觸發父元素的data問題

其中裡面大量使用了:style的這種語法

:style=""

最終發現 } 和 普通的 } 都是統一的

}

通過u-image的學習,也學到了不少,2020-01-02-20:48

關於vue元件化的理解

元件化是vue的精髓,vue應用就是由乙個個元件構成的。1.定義 元件是可復用的 vue 例項,準確講它們是vuecomponent的例項,繼承自vue。2.優點 可以增加 的復用性 可維護性和可測試性。提高開發效率,方便重複使用,簡化除錯步驟,提公升整個專案的可維護性,便於協同開發,是高內聚 低耦...

自己總結的關於鎖的理解

背景 才來公司的時候,同事讓我自己看看mysql鎖的知識,我理解的有點不對,所以就開始看一些關於鎖的資料和文章,然後總結了一下。共享鎖就是多個事務對於同一資料可以共享一把鎖,都能訪問到資料 但是只能讀不能修改 排他鎖又稱為寫鎖,排他鎖不能與其它鎖共存,如果乙個事務獲得乙個資料行的排他鎖,其它事務就不...

自己關於遞迴的一些理解

遞迴是一種抽象的概念,比如當我們想要完成某一遞迴函式dfs 的功能時,你可以先假設這個dfs 已經有你想要的功能啦,先書寫主題思路即推出dfs i 和dfs i 1 間的關係,明確它們的關係之後,就可以寫出主體思路,之後再書寫臨界條件,臨界條件功能寫完,藉著前邊咱們定義的關係,就可以一直逆推到答案,...