淺談javascript中l(wèi)odash與lodash-es的區(qū)別
Lodash 是一個(gè)一致性、模塊化、高性能的 JavaScript 實(shí)用工具庫(kù),Node.js版本需>6。
lodash:
lodash 是默認(rèn)的 commonjs 版本,是為了良好的瀏覽器兼容性, 它使用了舊版es5的模塊語(yǔ)法,體積大。
安裝:
npm i lodash
引入:
import _ from 'lodash' /*引入全部*/ import { defaultsDeep } from 'lodash'; /**按需引入*/
lodash-es:
lodash-es 是 lodash 的 es modules 版本 ,是著具備 ES6 模塊化的版本,體積小。
安裝
npm i lodash-es
引入
import _ from 'lodash-es';/*引入全部*/ import { defaultsDeep } from 'lodash-es'; /**按需引入*/
瀏覽器引入方式:
<script src="lodash.js"></script>
如果是使用webpack來(lái)進(jìn)行打包的話, 我們?cè)谑褂胠odash庫(kù)時(shí), 盡量通過(guò)lodash-es來(lái)進(jìn)行導(dǎo)入操作,可以減輕最終生產(chǎn)環(huán)境的代碼量。
Lodash-es的函數(shù)非常多,可以讓我們快速高效地處理各種開(kāi)發(fā)需求,例如:
// 根據(jù)特定條件對(duì)一個(gè)對(duì)象數(shù)組進(jìn)行篩選 const users = [ { name: 'John', age: 20 }, { name: 'Peter', age: 30 }, { name: 'Mike', age: 40 }, { name: 'Alice', age: 28 } ]; const filteredUsers = _.filter(users, user => user.age >= 30); console.log(filteredUsers); // 輸出:[ // { name: 'Peter', age: 30 }, // { name: 'Mike', age: 40 } // ]
到此這篇關(guān)于淺談javascript中l(wèi)odash與lodash-es的區(qū)別的文章就介紹到這了,更多相關(guān)javascript lodash與lodash-es內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
javascript特效實(shí)現(xiàn)——當(dāng)前時(shí)間和倒計(jì)時(shí)效果的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇javascript特效實(shí)現(xiàn)——當(dāng)前時(shí)間和倒計(jì)時(shí)效果的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07利用Print.js實(shí)現(xiàn)打印pdf、HTML及圖片(可設(shè)置樣式可分頁(yè))
在我們需要在頁(yè)面中打印某個(gè)區(qū)域的內(nèi)容或者生成pdf的時(shí)候,我們可以直接用printJs庫(kù),這篇文章主要給大家介紹了關(guān)于利用Print.js實(shí)現(xiàn)打印pdf、HTML及圖片的相關(guān)資料,可設(shè)置樣式可分頁(yè),需要的朋友可以參考下2024-05-05通過(guò)示例演示理解javascript預(yù)解析
這篇文章主要為大家介紹了通過(guò)示例演示理解javascript預(yù)解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步早日升職加薪2022-03-03微信小程序?qū)崿F(xiàn)多選刪除列表數(shù)據(jù)功能示例
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)多選刪除列表數(shù)據(jù)功能,涉及微信小程序列表數(shù)據(jù)讀取、顯示、刪除等相關(guān)操作技巧,需要的朋友可以參考下2019-01-01js強(qiáng)制把網(wǎng)址設(shè)為默認(rèn)首頁(yè)
有時(shí)候你會(huì)發(fā)現(xiàn)設(shè)首頁(yè)為失效,那么來(lái)一個(gè)js強(qiáng)制設(shè)置首頁(yè)的代碼,不過(guò)為了綠色上網(wǎng),盡量不要強(qiáng)迫你的用戶意志,弄不好網(wǎng)站用戶體驗(yàn)會(huì)降低。感興趣的小伙伴可以參考一下2015-09-09JavaScript實(shí)現(xiàn)經(jīng)典排序算法之插入排序
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)經(jīng)典排序算法之插入排序,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12js window.onload 加載多個(gè)函數(shù)的方法
平時(shí)做項(xiàng)目 經(jīng)常需要使用window.onload,但window.onload 不能同時(shí)加載多個(gè)函數(shù)。2009-11-11