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