pnpm - 高性能的 npm 包管理工具
pnpm 即 performant npm，意味著 “高性能的 npm”。pnpm 由 npm/yarn 衍生而來，解決了 npm/yarn 內(nèi)部潛在的 bug，極大的優(yōu)化了性能且節(jié)約了磁盤空間。因此 pnpm 被譽(yù)為 “最先進(jìn)的包管理工具”。特點(diǎn)：速度快、節(jié)約磁盤空間
辰風(fēng)沐陽 閱讀 2586 2022-08-18
JS 中的 ?. 和 ??
可選鏈操作符(?. ): 不必明確驗(yàn)證鏈中的每個(gè)引用是否有效?？蛇x鏈操作符的功能類似于鏈?zhǔn)讲僮鞣?.)，不同之處在于引用為空的情況下不會(huì)引起錯(cuò)誤?？罩岛喜⒉僮鞣???): 只有當(dāng)左側(cè)為 null 或 undefined`時(shí)，才會(huì)返回右側(cè)的數(shù)
辰風(fēng)沐陽 閱讀 1201 2022-08-16
CSS overflow 內(nèi)容溢出時(shí)的顯示方式
css 中的 overflow 屬性用于控制內(nèi)容溢出元素框時(shí)的顯示方式。當(dāng)元素框中的內(nèi)容溢出時(shí)，無非就是兩種情況: 溢出部分隱藏、溢出部分通過滾動(dòng)條查看。最常見用法是: overflow: hidden; (溢出隱藏) overflow: auto; (內(nèi)容溢出時(shí)顯示滾動(dòng)條)
辰風(fēng)沐陽 閱讀 1968 2022-08-16
網(wǎng)站經(jīng)典功能之返回頂部
當(dāng)頁(yè)面內(nèi)容很多的時(shí)候，用戶可能會(huì)一直往下滑動(dòng)頁(yè)面。但是當(dāng)他想返回頁(yè)面頂部進(jìn)行其他操作時(shí)，他可能需要不斷滾動(dòng)鼠標(biāo)滾輪，這就導(dǎo)致用戶體驗(yàn)將很差。鑒于這種情況， “回到頂部”這一功能便出現(xiàn)了。
辰風(fēng)沐陽 閱讀 1392 2022-08-13
CSS 選擇器詳細(xì)分類
CSS 選擇器有很多類型: 通配符選擇器、標(biāo)簽選擇器、類選擇器、id選擇器、群組選擇器、后代選擇器、子代選擇器、交集選擇器、兄弟選擇器、屬性選擇器、偽類選擇器。使用合適的選擇器可以更好匹配元素，CSS 樣式代碼更加優(yōu)雅
辰風(fēng)沐陽 閱讀 1648 2022-08-06
HTML5 語義化標(biāo)簽
HTML5 語義化標(biāo)簽可以使頁(yè)面呈現(xiàn)出很好的內(nèi)容結(jié)構(gòu)、代碼結(jié)構(gòu)，比 div 標(biāo)簽有更加豐富的含義，方便開發(fā)與維護(hù)。比如看到 header 標(biāo)簽就知道這是頭部?jī)?nèi)容，看到 footer 標(biāo)簽就知道這段內(nèi)容是公共底部，而 nav 標(biāo)簽一般作為導(dǎo)航欄使用
辰風(fēng)沐陽 閱讀 1912 2022-07-30
CSS font-family 屬性設(shè)置字體
font-family 屬性用于給元素指定字體，該屬性的值是一個(gè)字體系列，每個(gè)值使用逗號(hào)隔開，如果字體名名稱包含空格，那么字體名稱必須使用引號(hào)包裹，設(shè)置的字體是否可用取決于用戶機(jī)器上該字體是否可用
辰風(fēng)沐陽 閱讀 2042 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)沐陽 閱讀 1618 2022-07-24
uniapp 中的生命周期函數(shù)
uniapp 中的生命周期可以分為三大部分: 應(yīng)用生命周期，頁(yè)面生命周期，組件生命周期。應(yīng)用生命周期 在 App.vue 文件中定義，頁(yè)面生命周期定義在 pages 目錄下的 vue 文件，組件生命周期定義在 components 目錄下的文件。
辰風(fēng)沐陽 閱讀 1633 2022-07-23