tag lodash

標籤
貢獻20
27
07:51 AM · Nov 22 ,2025
tofrankie 頭像 timor_5d5e2be9e8378 頭像 icecreamlj 頭像 been_643207e565586 頭像 dashan_5c230d1ae1f9e 頭像 chenxiang_594a1cea112c2 頭像 mengyuhang4879 頭像 wuyagege 頭像 tosmile 頭像 yihan123 頭像 sunshine_591c4563d4a83 頭像 heiyanjing 頭像

@lodash / 博客 RSS 訂閱

sunshine_591c4563d4a83 頭像

太_2_真_人 - Vue中如何使用debouce防抖函數

創建一個 debounced（防抖動）函數，該函數會從上一次被調用後，延遲wait毫秒後調用func方法。 debounced（防抖動）函數提供一個cancel方法取消延遲的函數調用以及flush方法立即調用。 可以提供一個 options（選項） 對象決定如何調用func方法，options.leading與|或options.trailing決定延遲前後如何觸發（注：是 先調用後等待 還是 先

vue.js , debounce , lodash , Javascript

收藏 評論

bill_5bac65cc7963b 頭像

Bill - lodash的lazyValue(惰性求值)

前言 lodash受歡迎的一個原因，是其優異的計算性能。而其性能能有這麼突出的表現，很大部分就來源於其使用的算法——惰性求值。 本文將講述lodash源碼中，惰性求值的原理和實現。 個人理解 這個惰性求值使用了js克隆了對象進行操作，在性能上沒直接操作那麼快，但是優化了維護，類似於真實DOM與虛擬DOM，直接操作真實DOM更快，但是虛擬DOM能提供看得過去的性能的情況下給出更好的維護

lodash , Javascript

收藏 評論

jamesfancy 頭像

邊城 - 在前端使用 JS 進行分類彙總

最近遇到一些同學在問 JS 中進行數據統計的問題。雖然數據統計一般會在數據庫中進行，但是後端遇到需要使用程序來進行統計的情況也非常多。.NET 就為了對內存數據和數據庫數據進行統一地數據處理，發明了 LINQ (Language-Integrated Query)。其實 LINQ 語法本身沒什麼，關鍵是為了實現 LINQ 而設計的表達式樹、IEnumerable 和 IQueryable 的各種擴

lodash , 數據處理 , 前端 , Javascript

收藏 評論

kobe_fans_zxc 頭像

高級BUG開發 - vue3項目中使用lodash

1. 安裝lodash npm i lodash --save 2. 全局使用 main.ts ....... import _ from 'lodash' const app = createApp(App) app.config.globalProperties.lodash = _; // 設置全局變了 3. 界面使用 ...... import { getCurrentInstanc

lodash , vue3

收藏 評論

lixiang314 頭像

條件狀語從句 - 説説JavaScript中函數的防抖 (Debounce) 與節流 (Throttle)

為何要防抖和節流 有時候會在項目開發中頻繁地觸發一些事件,如 resize、 scroll、 keyup、 keydown等，或者諸如輸入框的實時搜索功能，我們知道如果事件處理函數無限制調用，會大大加重瀏覽器的工作量，有可能導致頁面卡頓影響體驗；後台接口的頻繁調用，不僅會影響客户端體驗，還會大大增加服務器的負擔。而如果對這些調用函數增加一個限制，讓其減少調用頻率，豈不美哉？ 針對這個問題，一般有兩

函數 , lodash , underscore , Javascript

收藏 評論

assassin 頭像

assassin_cike - lodash 實踐

1. lowerCase和toLower不同 toLower 將字符串中的字母轉為小寫其他字符不動，而lowerCase會將字符串中除了字符串以外的字符變成空格或者去掉，相當於String.toLowerCase。

lodash , Javascript

收藏 評論

wangdd 頭像

端端 - You-Dont-Need : 你不需要系列

1 You-Dont-Need-JavaScript CSS是強大的，你可以做很多事情沒有JS。 本文教你使用原生CSS做下面的事情。 內容目錄 手風琴/切換 圓盤傳送帶 檢查複選框的計數器 翻轉點擊 Textfield上的浮動標籤 字體（拉丁） 遊戲 懸停/彈出信息 圖片廊 菜單 移動菜單關閉畫布 漢堡菜單 花式菜單 莫代爾/彈出 鼠標跟蹤 視差滾動 標

node.js , lodash , Css , underscore , Javascript

收藏 評論

dirackeeko 頭像

DiracKeeko - [JS] js原生 toUpperCase 和 lodash中的upperCase 區別

同事踩了lodash的upperCase的坑。 場景： 基金搜索，輸入字符串搜索基金。選擇器按輸入的字符串過濾並展示過濾後的結果。 例如：搜索 "中證A500" 預期能夠出現"國泰中證A500ETF", "銀華中證A500ETF", "嘉實中證A500ETF", "南方中證A500ETF" 等等包含"中證A500"的結果。 但是結果是用户輸入"中證A500" 之後，過濾後的結果為空。

lodash , 前端 , Javascript

收藏 評論

zhuifengdekaomianbao 頭像

張老師講數字孿生 - 面對AI算力激增，數字孿生引擎如何應對？

面對億級多邊形建模和實時交互需求，動態LOD與多線程渲染技術正成為數字孿生引擎突破性能瓶頸的關鍵。 1 技術背景與挑戰 隨着數字孿生技術在工業製造、智慧城市等領域的深入應用，場景複雜度呈指數級增長。單個數字孿生場景通常包含數千萬至數億個多邊形面片，傳統渲染引擎在保持實時幀率（≥30fps） 方面面臨巨大挑戰。特別是在AI算力需求激增的背景下，如何平衡渲染質量與性能成為行業焦點問題。 2 核心優化技

數字化轉型 , 渲染 , lodash , 三維模型

收藏 評論

heiyanjing 頭像

HeiYanjing - 實現一個compose函數

純函數和柯里化很容易寫出洋葱代碼 h(g(f(x)))。洋葱代碼的嵌套問題使得我們的維護更加困難。這與我們選用函數式編程的開發初衷是相違背的，在這種情況下函數組合的概念就應運而生。 函數組合可以讓我們把細粒度的函數重新組合生成一個新的函數 下面這張圖表示程序中使用函數處理數據的過程，給 fn 函數輸入參數 a，返回結果 b。可以想想 a 數據通過一個管道得到了 b 數據。

ecmascript-6 , lodash

收藏 評論

tofrankie 頭像

越前君 - JavaScript之函數防抖、節流

一、前言 相信無論在實際應用場景、亦或是面試，都會經常遇得到函數防抖、函數節流等，下面我們來聊一聊吧。 先放出一個示例： import React, { useEffect, useRef } from 'react' import debounce from '../../utils/debounce' import throttle from '../../utils/throttle'

lodash , 前端 , Javascript

收藏 評論

yihan123 頭像

易函123 - 【跟着大佬學JavaScript】之lodash防抖節流合併

前言 前面已經對防抖和節流有了介紹，這篇主要看lodash是如何將防抖和節流合併成一個函數的。 初衷是深入lodash，學習它內部的好代碼並應用，同時也加深節流防抖的理解。這裏會先從防抖開始一步步往後，由簡入繁，直到最後實現整個函數。 這裏純粹自己的理解，以及看了很多篇優質文章，希望能加深對節流防抖的理解，如果有不同意見或者看法，歡迎大家評論。 原理 前面雖然已經介紹過防抖和節流原理，這裏為了加深

lodash , 前端 , Javascript

收藏 評論

tosmile 頭像

浪遏飛舟 - 如何使用 webpack 優化 lodash

如何使用 webpack 優化 lodash lodash提供了很多可用的方法供我們使用，絕對是一個很好用且用起來得心應手的工具庫。但是同時，lodash的體積也不小，我們項目中使用的大概522K，可能只是使用了幾個方法，但是卻把整個lodash庫引入了。為了吃幾條魚，就承包了整個魚塘，代價有點大呀！ lodash庫結構目錄 |-- lodash |-- fp // lodash

lodash , webpack

收藏 評論

wuyagege 頭像

雲綺棠兮 - JS 對象如何實現深拷貝

如何實現一個對象的深拷貝？ 方法1：使用JSON (對象的序列化和反序列化) 需要注意的是：在引用數據類型中，地址是保存在棧區的，屬性值存放在堆區的，不同的地址指向的值是不一樣的，這裏是深拷貝的寫法，變量地址是互不影響的，所以是obj == obj1為false，而在淺拷貝中就是為true的，因為在賦值的同時obj會把地址一起賦值給obj1，使他們的地址指向堆區的同一個值 // 如何實現一個對

深拷貝 , lodash , 前端 , Javascript

收藏 評論

mengyuhang4879 頭像

mengyuhang4879 - lodash常用方法及應用場景

lodash Lodash是一個流行的JavaScript實用工具庫，提供了對JavaScript常見任務的高效和模塊化的實現，使開發者可以更容易地編寫高質量、可維護和可讀性強的代碼。Lodash庫提供了大量的函數，如數組處理、字符串操作、對象處理、函數式編程、日期處理等功能，可以大大提高開發效率。 Lodash庫的特點包括： 高效的性能：Lodash的實現是經過優化的，可以有效地提高

lodash , Javascript

收藏 評論

chenxiang_594a1cea112c2 頭像

阿古達木 - 給lodash的memoize 增加expire過期功能

需求場景：對同一時間發起的大量重複參數相同的請求做緩存，但是在過了幾秒鐘之後就不需要緩存了，需要重新向服務器請求最新的數據 lodash.memoize方法會在整個頁面的生命週期。需要增加一個超時功能 思路：類似於防抖函數，每次判斷是否超過設置時間，超過就清空緩存列表 const myMemoize = (fn, duration = 2000) = { let t = new Date().

lodash , 緩存 , typescript , 前端 , Javascript

收藏 評論

dashan_5c230d1ae1f9e 頭像

大山 - Lodash 加減乘除 add、subtract、multiply、divide方法源碼解讀

我們先看下Lodash中文文檔對add方法的解釋： _.add(augend, addend) 兩個數相加。 參數 augend (number): 相加的第一個數。 addend (number): 相加的第二個數。 返回 (number): 返回總和。 例子 _.add(6, 4); // = 10 接下來 我們通過源碼層次來看看add方法的具體用法

lodash , Javascript

收藏 評論

been_643207e565586 頭像

吳季分 - lodash 讓您事半功倍的工具

一. lodash介紹 是什麼？ lodash是一個JavaScript語言的工具庫，內部封裝了很多字符串、數組、對象等常見數據類型的處理函數。 安裝 官方網站 （最權威最正確的就是查看官方網站）中分別詳細的介紹了 browser npm node.js 的安裝方法。 TypeScript中使用loadsh 不是必要但推薦安裝@types/lodash，該包包含類型定義，因此您的編譯器可以巧妙地提

lodash

收藏 評論

icecreamlj 頭像

一顆冰淇淋 - PC首頁資源加載速度由8s降到2s的優化實踐

隨着需求的不斷開發，前端項目不斷膨脹，業務提出：你們的首頁加載也太慢啦，我都需要7、8秒才能看到內容，於是乎主管就讓我聯合後端開啓優化專項，目標是3s內展示完全首頁的內容。 性能指標 開啓優化時，我們要清晰的知道現狀和目標，以及我們採用什麼樣的手段，通過檢測什麼指標來查看到優化的過程。 結果指標 根據這個目標，我們可以選擇一些性能指標，google 提供了基於用户體驗的性能指標，如FCP、LCP、

性能優化 , 性能分析 , lodash , 前端 , Javascript

收藏 評論

timor_5d5e2be9e8378 頭像

Timor - 使用Lodash工具後代碼行數瞬間縮短...

背景:最近在做報表.涉及到echarts圖表.多層柱狀圖疊加展示.然後後端給出來的結構是二維數組.需要前端自行處理成圖表可用的數據格式.echarts數據是是動態的. 需求效果圖的樣子: echarts相似的官網案例代碼: option = { tooltip: { trigger: 'axis', }, legend: { data:

arraylist , lodash

收藏 評論