CSS 選擇器詳細(xì)分類
CSS 選擇器有很多類型: 通配符選擇器、標(biāo)簽選擇器、類選擇器、id選擇器、群組選擇器、后代選擇器、子代選擇器、交集選擇器、兄弟選擇器、屬性選擇器、偽類選擇器。使用合適的選擇器可以更好匹配元素，CSS 樣式代碼更加優(yōu)雅
辰風(fēng)沐陽(yáng) 閱讀 1355 2022-08-06
HTML5 語(yǔ)義化標(biāo)簽
HTML5 語(yǔ)義化標(biāo)簽可以使頁(yè)面呈現(xiàn)出很好的內(nèi)容結(jié)構(gòu)、代碼結(jié)構(gòu)，比 div 標(biāo)簽有更加豐富的含義，方便開(kāi)發(fā)與維護(hù)。比如看到 header 標(biāo)簽就知道這是頭部?jī)?nèi)容，看到 footer 標(biāo)簽就知道這段內(nèi)容是公共底部，而 nav 標(biāo)簽一般作為導(dǎo)航欄使用
辰風(fēng)沐陽(yáng) 閱讀 1497 2022-07-30
CSS font-family 屬性設(shè)置字體
font-family 屬性用于給元素指定字體，該屬性的值是一個(gè)字體系列，每個(gè)值使用逗號(hào)隔開(kāi)，如果字體名名稱包含空格，那么字體名稱必須使用引號(hào)包裹，設(shè)置的字體是否可用取決于用戶機(jī)器上該字體是否可用
辰風(fēng)沐陽(yáng) 閱讀 1775 2022-07-28
玩轉(zhuǎn) CSS Flexbox 彈性布局
本文記錄 CSS 彈性布局中常用的屬性及其屬性值。創(chuàng)建 flex 塊級(jí)容器: display: flex; 創(chuàng)建 flex 行內(nèi)容器 display: inline-flex。定義主軸方向: flex-direction: row; 水平方向?yàn)橹鬏S(默認(rèn)值) flex-direction: column; 垂直方向?yàn)橹鬏S
辰風(fēng)沐陽(yáng) 閱讀 1344 2022-07-24
uniapp 中的生命周期函數(shù)
uniapp 中的生命周期可以分為三大部分: 應(yīng)用生命周期，頁(yè)面生命周期，組件生命周期。應(yīng)用生命周期 在 App.vue 文件中定義，頁(yè)面生命周期定義在 pages 目錄下的 vue 文件，組件生命周期定義在 components 目錄下的文件。
辰風(fēng)沐陽(yáng) 閱讀 1430 2022-07-23
uniapp 中的交互反饋 API【提示框】
消息提示 是項(xiàng)目中不可缺少一個(gè)功能，比如: 表單提交成功后的提示，操作成功后的提示，此外，詢問(wèn)框和加載動(dòng)畫(huà)也是經(jīng)常使用。uniapp 提供了該 API，詳細(xì)用法參考官方文檔 API - 界面 - 交互反饋 章節(jié)
辰風(fēng)沐陽(yáng) 閱讀 1098 2022-07-22
異步編程解決方案 Promise
回調(diào)地獄是指在回調(diào)函數(shù)中嵌套回調(diào)函數(shù)。 ES6 原生提供了 Promise 對(duì)象，Promise 解決了回調(diào)地獄的問(wèn)題。Promise 實(shí)例有兩個(gè)屬性: state，result。Promise 實(shí)例的三種狀態(tài)為：pending，fulfilled，rejected
辰風(fēng)沐陽(yáng) 閱讀 2314 2022-07-10
Vue 2.x 過(guò)濾器
Vue2 支持自定義過(guò)濾器，可被用于一些常用的文本格式化。過(guò)濾器可以用在兩個(gè)地方：雙花括號(hào)插值 和 v-bind 表達(dá)式，過(guò)濾器應(yīng)被添加在 JavaScript 表達(dá)式的尾部，使用 “管道符號(hào)” 指示。需要注意的是在 Vue3 中已經(jīng)不支持過(guò)濾器
辰風(fēng)沐陽(yáng) 閱讀 910 2022-07-08
CSS 控制內(nèi)容顯示行數(shù)
顯示一行內(nèi)容，超出部分使用省略號(hào)表示（只有塊元素才會(huì)生效）overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 顯示兩行或三行，超出部分用省略號(hào)顯示，需要使用 -webkit-box-orient: vertical;
辰風(fēng)沐陽(yáng) 閱讀 1560 2022-07-07