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