Vue3剛出來的時(shí)候，我覺得 vue-hooks 時(shí)代來了，終于可以拋棄單文件組件的寫法，徹底融入到函數(shù)式編程中，在react和vue之間無縫切換，然而脫離了 模板 的vue...
發(fā)簡信
IP屬地：廣東
-
Vue3 script-setup 清新單文件寫法
-
vue3.0里給數(shù)據(jù)添加響應(yīng)式有很多api可用，有時(shí)傻傻分不清，分享一下個(gè)人的理解。
一、reactivereactive 用于為對象添加響應(yīng)式狀態(tài)。接收一個(gè)js對象作為參數(shù)，返回一個(gè)具有響應(yīng)式狀態(tài)的副本。 獲取數(shù)據(jù)值的時(shí)候直接獲取，不需要加.value參數(shù)只...
-
1.2 transition 簡寫屬性
transition 過渡 在之前變形 transform 的學(xué)習(xí)過程中，我們知道在觸發(fā)變形的階段，會(huì)存在一個(gè)始態(tài)和一個(gè)終態(tài)。屬性的新值替換舊值的持續(xù)時(shí)間是毫秒級的。受影響的...
-
transform 變形
1. 變形功能的誕生 在以前的變形上，僅僅是視覺效果上的變形，在底層的坐標(biāo)方格上沒有發(fā)生改變。自從CSS3誕生后，元素的特效就從二維走向了三維。之前我們通過浮動(dòng)、margi...
-
flex 彈性盒子
1. 彈性盒基礎(chǔ) 彈性盒子是一種簡單而強(qiáng)大的布局方式，我們可以通過彈性盒子指明空間的分布方式、內(nèi)容的對齊方式和元素的視覺順序。內(nèi)容可以輕易地橫向排列或者縱向排列，也可以沿著...
-
Git 的基本使用
Git 的介紹 Git 是一種分布式的版本管理系統(tǒng)。簡單來說，它就是一個(gè)版本控制軟件，而且也是現(xiàn)在世界上最流行最先進(jìn)的。 Git 的一個(gè)具體作用就是對文件進(jìn)行版本管理。由于每...
-
animation 動(dòng)畫
概述 CSS 動(dòng)畫與過渡的相同點(diǎn)是CSS屬性都在一段時(shí)間內(nèi)發(fā)生變化，而不同點(diǎn)就是動(dòng)畫對變化的方式有更多的選擇和控制。尤其是通過關(guān)鍵幀實(shí)現(xiàn)的CSS動(dòng)畫能設(shè)定是否以及如何重復(fù)動(dòng)畫...
-
Bootstrap 柵格布局的使用1. 柵格系統(tǒng) bootstrap 提供了一套非常強(qiáng)大的系統(tǒng) —— 響應(yīng)式、移動(dòng)設(shè)備優(yōu)先的柵格系統(tǒng)。它可以隨著設(shè)備或者視口的尺寸大小的增加而適當(dāng)?shù)臄U(kuò)展列數(shù)（最多到12列）。...
-
盒子模型（標(biāo)準(zhǔn)盒模型）
文檔中每個(gè)元素都會(huì)生成一個(gè)矩形框，我們通常稱之為元素框。這個(gè)框體描述元素在文檔布局中所占的空間。因此，每個(gè)元素框之間都是有影響的，并且涉及到位置和尺寸。在默認(rèn)情況下，渲染出來...
-
移動(dòng)端布局vw和vh、em與rem
1. 當(dāng)盒模型等屬性遇到百分比 1.1 margin 和 padding 使用百分比做單位 盒模型是由padding、margin、width、height 這幾個(gè)屬...
-
媒體查詢的用法
1. 媒體查詢的概述 由于主流設(shè)備比較繁雜，每一款設(shè)備的具體尺寸都打相同，這就導(dǎo)致了一個(gè)機(jī)型上所合適的樣式在另一款機(jī)型上面，可能就會(huì)出現(xiàn)布局錯(cuò)亂或者樣式不一致的情況。這時(shí)，...
-
標(biāo)準(zhǔn)盒模型和怪異盒模型
1. 標(biāo)準(zhǔn)盒模型 width：代表內(nèi)容區(qū)域的寬度； height：代表內(nèi)容區(qū)域的高度； 盒子總寬：width + 內(nèi)邊距 + 邊框 + 外邊距； 2. 怪異盒模型 width...