最新發(fā)布
JS 性能優(yōu)化之節(jié)流
節(jié)流: n 秒內(nèi)只運(yùn)行一次，若在 n 秒內(nèi)重復(fù)觸發(fā)，只有第一次生效。節(jié)流的應(yīng)用場景: 1. 滾動(dòng)加載: 監(jiān)聽頁面滾動(dòng)到底部的時(shí)候觸發(fā) 2. 拖拽場景: 固定時(shí)間只執(zhí)行一次，防止高頻率的位置變動(dòng)。本文封裝了節(jié)流函數(shù)，項(xiàng)目開發(fā)中復(fù)制過去直接使用即可
辰風(fēng)沐陽 閱讀 1389 2022-08-22
nrm - npm 鏡像源管理工具
nrm 是 npm 的擴(kuò)展包，可以使用 npm install 進(jìn)行安裝。nrm 是一個(gè) npm 鏡像源管理器，可以實(shí)現(xiàn)快速地在 npm 源之間進(jìn)行切換。npm 默認(rèn)使用的是 npm 官方鏡像源，官方源在國外比較慢，一般情況我們都會(huì)使用國內(nèi)鏡像加速包的下載速度
辰風(fēng)沐陽 閱讀 2233 2022-08-21
npm - node.js 軟件包管理工具
npm 全稱是 Node Package Manager，即 node 包管理器，是 Node.js 默認(rèn)的軟件包管理系統(tǒng)。使用 npm 來分享和使用代碼已經(jīng)成為了前端的標(biāo)配，npm 類似 PHP 的包管理器 Composer，Java 的包管理器 Maven，是前端開發(fā)者必備技能
辰風(fēng)沐陽 閱讀 1628 2022-08-19
Webpack5 快速入門
開發(fā)時(shí)，我們會(huì)使用框架（Vue、React），ES6 模塊化語法，Less/Sass 等 css 預(yù)處理器等語法進(jìn)行開發(fā)。這樣的代碼瀏覽器是不能識別的，要想在瀏覽器運(yùn)行必須經(jīng)過編譯，變成瀏覽器能識別的 JS、CSS 等語法，才能正常運(yùn)行
辰風(fēng)沐陽 閱讀 2884 2022-08-19
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)沐陽 閱讀 2681 2022-08-18
JS 中的 ?. 和 ??
可選鏈操作符(?. ): 不必明確驗(yàn)證鏈中的每個(gè)引用是否有效?？蛇x鏈操作符的功能類似于鏈?zhǔn)讲僮鞣?.)，不同之處在于引用為空的情況下不會(huì)引起錯(cuò)誤?？罩岛喜⒉僮鞣???): 只有當(dāng)左側(cè)為 null 或 undefined`時(shí)，才會(huì)返回右側(cè)的數(shù)
辰風(fēng)沐陽 閱讀 1250 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)沐陽 閱讀 2054 2022-08-16
網(wǎng)站經(jīng)典功能之返回頂部
當(dāng)頁面內(nèi)容很多的時(shí)候，用戶可能會(huì)一直往下滑動(dòng)頁面。但是當(dāng)他想返回頁面頂部進(jìn)行其他操作時(shí)，他可能需要不斷滾動(dòng)鼠標(biāo)滾輪，這就導(dǎo)致用戶體驗(yàn)將很差。鑒于這種情況， “回到頂部”這一功能便出現(xiàn)了。
辰風(fēng)沐陽 閱讀 1472 2022-08-13
CSS 中的變量
在 CSS 中，有很多需要反復(fù)使用的屬性值，如果每個(gè)使用的地方都直接寫死這個(gè)值，而沒有使用變量去定義這個(gè)值的話，后期修改起來會(huì)很麻煩。有很多人忽略了在 CSS 中也可以定義變量這個(gè)事情，相信你會(huì)愛上它 ！
辰風(fēng)沐陽 閱讀 1558 2022-08-06
CSS 選擇器詳細(xì)分類
CSS 選擇器有很多類型: 通配符選擇器、標(biāo)簽選擇器、類選擇器、id選擇器、群組選擇器、后代選擇器、子代選擇器、交集選擇器、兄弟選擇器、屬性選擇器、偽類選擇器。使用合適的選擇器可以更好匹配元素，CSS 樣式代碼更加優(yōu)雅
辰風(fēng)沐陽 閱讀 1803 2022-08-06
身份實(shí)名認(rèn)證接口【阿里云云市場】
最近在做一個(gè)手機(jī) APP 項(xiàng)目，需要用到實(shí)名認(rèn)證接口，這是公司在阿里云云市場找的一個(gè)接口（非阿里云官方接口）。傳入姓名，身份證號二要素身份校驗(yàn)，高質(zhì)量接口，直連接口實(shí)時(shí)核驗(yàn)，毫秒級響應(yīng)，零緩存，校驗(yàn)驗(yàn)證。
辰風(fēng)沐陽 閱讀 2037 2022-08-03
git commit 提交規(guī)范
每個(gè)人 git 的提交記錄都有自己的風(fēng)格和習(xí)慣，如果沒有一套完整的規(guī)范，則每個(gè)人的代碼提交描述內(nèi)容會(huì)很隨意，會(huì)降低 log 的可讀性和維護(hù)性。所以需要有一套 git 提交規(guī)范，使提交記錄清晰明了，讓人一看就能知道每次提交的目的
辰風(fēng)沐陽 閱讀 1580 2022-08-01
