vue學習積累

2021-09-28 20:29:01 字數 2130 閱讀 9440

1.乙個元素佔據一行

2.高度寬度可控制

3.寬度沒有設定時,預設為100%,

4.塊級元素可以包含塊級和行級

1.和其他元素在一行

2.高度寬度以及內邊距都是不可控的

3.寬高就是內容的寬高,不可以改變

4.行內元素只能包含行內元素

1.既有行內元素特性,又有塊級元素特性

2.寬度、高度、行高內外邊距都可以手動設定

如果想使元素型別/模式轉換,則可以使用display進行轉換。

(1)block塊級元素

塊級元素特性:自動換行,可以直接設定寬高

(2)inline內聯/行內元素

不換行,無法設定寬高

(3)inline-block 行內塊級元素

既擁有行內元素特性,又有塊級元素特性。不換行且可以直接設定寬高。

(4)none隱藏元素

設定為none後則會隱藏元素,在頁面徹底蒸發

如何區分深拷貝與淺拷貝,簡單點來說,就是假設b複製了a,當修改a時,看b是否會發生變化

①如果b也跟著變了,說明這是淺拷貝,功力不夠

②如果b沒變,那就是深拷貝,自食其力,修成正果

引用資料型別–名存在棧記憶體中,值存在於堆記憶體中,但是棧記憶體會提供乙個引用的位址指向堆記憶體中的值,以上面淺拷貝的例子畫個圖:

當b=a進行拷貝時,其實複製的是a的引用位址,而並非堆裡面的值。

要是在堆記憶體中也開闢乙個新的記憶體專門為b存放值,就像基本型別那樣,豈不就達到深拷貝的效果了

slice()不帶任何引數,預設返回乙個長度和原陣列相同的新陣列

concat()不帶任何引數,把返回陣列和乙個空陣列合併後返回,即返回乙個長度和原陣列相同的新陣列

直接遍歷,新增到空陣列

es2015,es6三點擴充套件運算子

語法:$.extend( [deep ], target, object )
①deep表示是否深拷貝,為true為深拷貝,為false為淺拷貝

②target目標物件,其他物件的成員屬性將被附加到該物件

③object拷貝源物件

語法:json.parse(json.stringify(***x))
實現原理:先將物件轉為乙個基本資料型別,再執行拷貝

(1)淺拷貝: 將原物件或原陣列的引用直接賦給新物件,新陣列,新物件/陣列只是原物件的乙個引用

(2)深拷貝: 建立乙個新的物件和陣列,將原物件的各項屬性的「值」(陣列的所有元素)拷貝過來,是「值」而不是「引用」

vue專案積累

工作記錄 1.修飾符及其使用 最近專案上看到這樣的 child元件隱藏模態框觸發以下事件 closehandler 查閱資料發現,這是以修飾符的方式實現了 雙向繫結 避免了真正的雙向繫結會帶來維護上的問題。父元件可以通過下面實現繫結 為方便起見,可以縮寫如下,也就是sync修飾符 2.單頁面預載入 ...

gdb積累學習

gdb積累學習 1 檢視當前檔案 通過gdb進行除錯的時候,有的時候因為跳轉的太多,所以不知道已經執行到了哪乙個檔案,這個時候,如果我們想看一下當前檔案的名字,可以使用下面的命令 gdb info source current source file is cdbstatement.cpp comp...

Ubuntu學習積累

步驟如下 解壓 tar zxvf install flash player 11 linux.x86 64.tar.gz 然後發現解壓檔案中只有乙個libflashplayer.so的檔案,然後在網上檢視怎麼去處理這個檔案,提供的方式是直接複製到 usr lib mozilla plugins資料夾...