JS 的 apply 方法

JavaScript

apply() 的作用有兩個: 1. 改變 this 指向 2. 將數(shù)組入?yún)⒆優(yōu)橐话闳雲(yún)?。剛開始看到 apply() 時,對它的用法非常模糊,而且不易理解,通過查找相關(guān)文章,才慢慢的明白它的妙用。溫馨提示: 記得要搞清楚 apply()、call()、bind() 的區(qū)別 !

辰風(fēng)沐陽 閱讀 943 2022-08-24

JS 性能優(yōu)化之防抖

JavaScript

防抖: 在事件被觸發(fā) n 秒后執(zhí)行回調(diào),如果在這 n 秒內(nèi)又被觸發(fā),則重新計時。防抖和節(jié)流都是解決高頻的動作帶來的函數(shù)多次調(diào)用問題。防抖應(yīng)用場景: 輸入框等到最后一次輸入完成才觸發(fā)查詢的動作。節(jié)流應(yīng)用場景: 滾動距離事件監(jiān)聽

辰風(fēng)沐陽 閱讀 948 2022-08-24

JS 性能優(yōu)化之節(jié)流

JavaScript

節(jié)流: n 秒內(nèi)只運行一次,若在 n 秒內(nèi)重復(fù)觸發(fā),只有第一次生效。節(jié)流的應(yīng)用場景: 1. 滾動加載: 監(jiān)聽頁面滾動到底部的時候觸發(fā) 2. 拖拽場景: 固定時間只執(zhí)行一次,防止高頻率的位置變動。本文封裝了節(jié)流函數(shù),項目開發(fā)中復(fù)制過去直接使用即可

辰風(fēng)沐陽 閱讀 1039 2022-08-22

nrm - npm 鏡像源管理工具

JavaScript nodejs

nrm 是 npm 的擴展包,可以使用 npm install 進行安裝。nrm 是一個 npm 鏡像源管理器,可以實現(xiàn)快速地在 npm 源之間進行切換。npm 默認使用的是 npm 官方鏡像源,官方源在國外比較慢,一般情況我們都會使用國內(nèi)鏡像加速包的下載速度

辰風(fēng)沐陽 閱讀 1590 2022-08-21

npm - node.js 軟件包管理工具

JavaScript nodejs

npm 全稱是 Node Package Manager,即 node 包管理器,是 Node.js 默認的軟件包管理系統(tǒng)。使用 npm 來分享和使用代碼已經(jīng)成為了前端的標配,npm 類似 PHP 的包管理器 Composer,Java 的包管理器 Maven,是前端開發(fā)者必備技能

辰風(fēng)沐陽 閱讀 1254 2022-08-19

Webpack5 快速入門

JavaScript nodejs webpack

開發(fā)時,我們會使用框架(Vue、React),ES6 模塊化語法,Less/Sass 等 css 預(yù)處理器等語法進行開發(fā)。這樣的代碼瀏覽器是不能識別的,要想在瀏覽器運行必須經(jīng)過編譯,變成瀏覽器能識別的 JS、CSS 等語法,才能正常運行

辰風(fēng)沐陽 閱讀 2208 2022-08-19

pnpm - 高性能的 npm 包管理工具

JavaScript nodejs

pnpm 即 performant npm,意味著 “高性能的 npm”。pnpm 由 npm/yarn 衍生而來,解決了 npm/yarn 內(nèi)部潛在的 bug,極大的優(yōu)化了性能且節(jié)約了磁盤空間。因此 pnpm 被譽為 “最先進的包管理工具”。特點:速度快、節(jié)約磁盤空間

辰風(fēng)沐陽 閱讀 2163 2022-08-18

JS 中的 ?. 和 ??

JavaScript

可選鏈操作符(?. ): 不必明確驗證鏈中的每個引用是否有效??蛇x鏈操作符的功能類似于鏈式操作符(.),不同之處在于引用為空的情況下不會引起錯誤??罩岛喜⒉僮鞣???): 只有當左側(cè)為 null 或 undefined`時,才會返回右側(cè)的數(shù)

辰風(fēng)沐陽 閱讀 963 2022-08-16

CSS overflow 內(nèi)容溢出時的顯示方式

CSS

css 中的 overflow 屬性用于控制內(nèi)容溢出元素框時的顯示方式。當元素框中的內(nèi)容溢出時,無非就是兩種情況: 溢出部分隱藏、溢出部分通過滾動條查看。最常見用法是: overflow: hidden; (溢出隱藏) overflow: auto; (內(nèi)容溢出時顯示滾動條)

辰風(fēng)沐陽 閱讀 1421 2022-08-16

網(wǎng)站經(jīng)典功能之返回頂部

HTML JavaScript

當頁面內(nèi)容很多的時候,用戶可能會一直往下滑動頁面。但是當他想返回頁面頂部進行其他操作時,他可能需要不斷滾動鼠標滾輪,這就導(dǎo)致用戶體驗將很差。鑒于這種情況, “回到頂部”這一功能便出現(xiàn)了。

辰風(fēng)沐陽 閱讀 1051 2022-08-13