JS 性能優化之防抖
防抖: 在事件被觸發 n 秒后執行回調，如果在這 n 秒內又被觸發，則重新計時。防抖和節流都是解決高頻的動作帶來的函數多次調用問題。防抖應用場景: 輸入框等到最后一次輸入完成才觸發查詢的動作。節流應用場景: 滾動距離事件監聽
辰風沐陽 閱讀 1275 2022-08-24
JS 性能優化之節流
節流: n 秒內只運行一次，若在 n 秒內重復觸發，只有第一次生效。節流的應用場景: 1. 滾動加載: 監聽頁面滾動到底部的時候觸發 2. 拖拽場景: 固定時間只執行一次，防止高頻率的位置變動。本文封裝了節流函數，項目開發中復制過去直接使用即可
辰風沐陽 閱讀 1445 2022-08-22
nrm - npm 鏡像源管理工具
nrm 是 npm 的擴展包，可以使用 npm install 進行安裝。nrm 是一個 npm 鏡像源管理器，可以實現快速地在 npm 源之間進行切換。npm 默認使用的是 npm 官方鏡像源，官方源在國外比較慢，一般情況我們都會使用國內鏡像加速包的下載速度
辰風沐陽 閱讀 2304 2022-08-21
npm - node.js 軟件包管理工具
npm 全稱是 Node Package Manager，即 node 包管理器，是 Node.js 默認的軟件包管理系統。使用 npm 來分享和使用代碼已經成為了前端的標配，npm 類似 PHP 的包管理器 Composer，Java 的包管理器 Maven，是前端開發者必備技能
辰風沐陽 閱讀 1701 2022-08-19
Webpack5 快速入門
開發時，我們會使用框架（Vue、React），ES6 模塊化語法，Less/Sass 等 css 預處理器等語法進行開發。這樣的代碼瀏覽器是不能識別的，要想在瀏覽器運行必須經過編譯，變成瀏覽器能識別的 JS、CSS 等語法，才能正常運行
辰風沐陽 閱讀 2968 2022-08-19
pnpm - 高性能的 npm 包管理工具
pnpm 即 performant npm，意味著 “高性能的 npm”。pnpm 由 npm/yarn 衍生而來，解決了 npm/yarn 內部潛在的 bug，極大的優化了性能且節約了磁盤空間。因此 pnpm 被譽為 “最先進的包管理工具”。特點：速度快、節約磁盤空間
辰風沐陽 閱讀 2748 2022-08-18
JS 中的 ?. 和 ??
可選鏈操作符(?. ): 不必明確驗證鏈中的每個引用是否有效?？蛇x鏈操作符的功能類似于鏈式操作符(.)，不同之處在于引用為空的情況下不會引起錯誤?？罩岛喜⒉僮鞣???): 只有當左側為 null 或 undefined`時，才會返回右側的數
辰風沐陽 閱讀 1288 2022-08-16
網站經典功能之返回頂部
當頁面內容很多的時候，用戶可能會一直往下滑動頁面。但是當他想返回頁面頂部進行其他操作時，他可能需要不斷滾動鼠標滾輪，這就導致用戶體驗將很差。鑒于這種情況， “回到頂部”這一功能便出現了。
辰風沐陽 閱讀 1515 2022-08-13
異步編程解決方案 Promise
回調地獄是指在回調函數中嵌套回調函數。 ES6 原生提供了 Promise 對象，Promise 解決了回調地獄的問題。Promise 實例有兩個屬性: state，result。Promise 實例的三種狀態為：pending，fulfilled，rejected
辰風沐陽 閱讀 2892 2022-07-10
初識 yarn 包管理工具
Yarn 是一個軟件包管理器，是 facebook 在 npm 之后又造的一個包管理器輪子。yarn 是為了彌補 npm 的一些缺陷而出現的。yarn 相對 npm 來說的優點有：速度更快，安裝版本更統一，命令輸出更加簡潔。
辰風沐陽 閱讀 1855 2022-06-29