CSS 中的變量

CSS

在 CSS 中,有很多需要反復使用的屬性值,如果每個使用的地方都直接寫死這個值,而沒有使用變量去定義這個值的話,后期修改起來會很麻煩。有很多人忽略了在 CSS 中也可以定義變量這個事情,相信你會愛上它 !

辰風沐陽 閱讀 987 2022-08-06

CSS 選擇器詳細分類

CSS

CSS 選擇器有很多類型: 通配符選擇器、標簽選擇器、類選擇器、id選擇器、群組選擇器、后代選擇器、子代選擇器、交集選擇器、兄弟選擇器、屬性選擇器、偽類選擇器。使用合適的選擇器可以更好匹配元素,CSS 樣式代碼更加優(yōu)雅

辰風沐陽 閱讀 1074 2022-08-06

HTML5 語義化標簽

HTML

HTML5 語義化標簽可以使頁面呈現(xiàn)出很好的內(nèi)容結(jié)構(gòu)、代碼結(jié)構(gòu),比 div 標簽有更加豐富的含義,方便開發(fā)與維護。比如看到 header 標簽就知道這是頭部內(nèi)容,看到 footer 標簽就知道這段內(nèi)容是公共底部,而 nav 標簽一般作為導航欄使用

辰風沐陽 閱讀 1206 2022-07-30

CSS font-family 屬性設置字體

CSS

font-family 屬性用于給元素指定字體,該屬性的值是一個字體系列,每個值使用逗號隔開,如果字體名名稱包含空格,那么字體名稱必須使用引號包裹,設置的字體是否可用取決于用戶機器上該字體是否可用

辰風沐陽 閱讀 1534 2022-07-28

玩轉(zhuǎn) CSS Flexbox 彈性布局

CSS

本文記錄 CSS 彈性布局中常用的屬性及其屬性值。創(chuàng)建 flex 塊級容器: display: flex; 創(chuàng)建 flex 行內(nèi)容器 display: inline-flex。定義主軸方向: flex-direction: row; 水平方向為主軸(默認值) flex-direction: column; 垂直方向為主軸

辰風沐陽 閱讀 1120 2022-07-24

uniapp 中的生命周期函數(shù)

uni-app

uniapp 中的生命周期可以分為三大部分: 應用生命周期,頁面生命周期,組件生命周期。應用生命周期 在 App.vue 文件中定義,頁面生命周期定義在 pages 目錄下的 vue 文件,組件生命周期定義在 components 目錄下的文件。

辰風沐陽 閱讀 1288 2022-07-23

uniapp 中的交互反饋 API【提示框】

uni-app

消息提示 是項目中不可缺少一個功能,比如: 表單提交成功后的提示,操作成功后的提示,此外,詢問框和加載動畫也是經(jīng)常使用。uniapp 提供了該 API,詳細用法參考官方文檔 API - 界面 - 交互反饋 章節(jié)

辰風沐陽 閱讀 950 2022-07-22

異步編程解決方案 Promise

JavaScript

回調(diào)地獄是指在回調(diào)函數(shù)中嵌套回調(diào)函數(shù)。 ES6 原生提供了 Promise 對象,Promise 解決了回調(diào)地獄的問題。Promise 實例有兩個屬性: state,result。Promise 實例的三種狀態(tài)為:pending,fulfilled,rejected

辰風沐陽 閱讀 2022 2022-07-10

Vue 2.x 過濾器

vue

Vue2 支持自定義過濾器,可被用于一些常用的文本格式化。過濾器可以用在兩個地方:雙花括號插值 和 v-bind 表達式,過濾器應被添加在 JavaScript 表達式的尾部,使用 “管道符號” 指示。需要注意的是在 Vue3 中已經(jīng)不支持過濾器

辰風沐陽 閱讀 801 2022-07-08

CSS 控制內(nèi)容顯示行數(shù)

CSS

顯示一行內(nèi)容,超出部分使用省略號表示(只有塊元素才會生效)overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 顯示兩行或三行,超出部分用省略號顯示,需要使用 -webkit-box-orient: vertical;

辰風沐陽 閱讀 1329 2022-07-07