every 和 some 都是數(shù)組迭代方法,它們的第一個(gè)參數(shù)都是一個(gè)閉包函數(shù),這個(gè)閉包函數(shù)接收最多接收三個(gè)參數(shù),最少接收一個(gè)參數(shù)。every 用于檢測(cè)數(shù)組的所有元素是否都符合指定條件,即 "全真才真"。some 方法用于檢測(cè)數(shù)組中是否有元素滿足指定條件,即 "一真就真"
辰風(fēng)沐陽(yáng) 閱讀 3305 2022-09-04
這是一道高頻的前端面試題: JS 如何判斷一個(gè)變量是否為數(shù)組 ? 對(duì)于某些新手來(lái)說,首先會(huì)想到使用 typeof 關(guān)鍵字獲取變量的數(shù)據(jù)類型,這是不可行的。因?yàn)樵?JS 中,數(shù)組也是 object。本文列舉多種判斷變量是否為數(shù)組的方法
辰風(fēng)沐陽(yáng) 閱讀 1207 2022-09-03
apply() 的作用有兩個(gè): 1. 改變 this 指向 2. 將數(shù)組入?yún)⒆優(yōu)橐话闳雲(yún)?。剛開始看到 apply() 時(shí),對(duì)它的用法非常模糊,而且不易理解,通過查找相關(guān)文章,才慢慢的明白它的妙用。溫馨提示: 記得要搞清楚 apply()、call()、bind() 的區(qū)別 !
辰風(fēng)沐陽(yáng) 閱讀 1131 2022-08-24
防抖: 在事件被觸發(fā) n 秒后執(zhí)行回調(diào),如果在這 n 秒內(nèi)又被觸發(fā),則重新計(jì)時(shí)。防抖和節(jié)流都是解決高頻的動(dòng)作帶來(lái)的函數(shù)多次調(diào)用問題。防抖應(yīng)用場(chǎng)景: 輸入框等到最后一次輸入完成才觸發(fā)查詢的動(dòng)作。節(jié)流應(yīng)用場(chǎng)景: 滾動(dòng)距離事件監(jiān)聽
辰風(fēng)沐陽(yáng) 閱讀 1127 2022-08-24
節(jié)流: n 秒內(nèi)只運(yùn)行一次,若在 n 秒內(nèi)重復(fù)觸發(fā),只有第一次生效。節(jié)流的應(yīng)用場(chǎng)景: 1. 滾動(dòng)加載: 監(jiān)聽頁(yè)面滾動(dòng)到底部的時(shí)候觸發(fā) 2. 拖拽場(chǎng)景: 固定時(shí)間只執(zhí)行一次,防止高頻率的位置變動(dòng)。本文封裝了節(jié)流函數(shù),項(xiàng)目開發(fā)中復(fù)制過去直接使用即可
辰風(fēng)沐陽(yáng) 閱讀 1227 2022-08-22
nrm 是 npm 的擴(kuò)展包,可以使用 npm install 進(jìn)行安裝。nrm 是一個(gè) npm 鏡像源管理器,可以實(shí)現(xiàn)快速地在 npm 源之間進(jìn)行切換。npm 默認(rèn)使用的是 npm 官方鏡像源,官方源在國(guó)外比較慢,一般情況我們都會(huì)使用國(guó)內(nèi)鏡像加速包的下載速度
辰風(fēng)沐陽(yáng) 閱讀 1894 2022-08-21
npm 全稱是 Node Package Manager,即 node 包管理器,是 Node.js 默認(rèn)的軟件包管理系統(tǒng)。使用 npm 來(lái)分享和使用代碼已經(jīng)成為了前端的標(biāo)配,npm 類似 PHP 的包管理器 Composer,Java 的包管理器 Maven,是前端開發(fā)者必備技能
辰風(fēng)沐陽(yáng) 閱讀 1457 2022-08-19
開發(fā)時(shí),我們會(huì)使用框架(Vue、React),ES6 模塊化語(yǔ)法,Less/Sass 等 css 預(yù)處理器等語(yǔ)法進(jìn)行開發(fā)。這樣的代碼瀏覽器是不能識(shí)別的,要想在瀏覽器運(yùn)行必須經(jīng)過編譯,變成瀏覽器能識(shí)別的 JS、CSS 等語(yǔ)法,才能正常運(yùn)行
辰風(fēng)沐陽(yáng) 閱讀 2625 2022-08-19
pnpm 即 performant npm,意味著 “高性能的 npm”。pnpm 由 npm/yarn 衍生而來(lái),解決了 npm/yarn 內(nèi)部潛在的 bug,極大的優(yōu)化了性能且節(jié)約了磁盤空間。因此 pnpm 被譽(yù)為 “最先進(jìn)的包管理工具”。特點(diǎn):速度快、節(jié)約磁盤空間
辰風(fēng)沐陽(yáng) 閱讀 2432 2022-08-18
可選鏈操作符(?. ): 不必明確驗(yàn)證鏈中的每個(gè)引用是否有效。可選鏈操作符的功能類似于鏈?zhǔn)讲僮鞣?.),不同之處在于引用為空的情況下不會(huì)引起錯(cuò)誤??罩岛喜⒉僮鞣???): 只有當(dāng)左側(cè)為 null 或 undefined`時(shí),才會(huì)返回右側(cè)的數(shù)
辰風(fēng)沐陽(yáng) 閱讀 1134 2022-08-16