前端开发工具

Lodash 有普通的 CommonJS 版本(通常称为 lodash)和 ES6 模块版本(称为 lodash-es)。它们的主要区别包括:
模块化:lodash 是传统的 CommonJS 模块,可使用 require 或 import 引入;lodash-es 是 ES6 模块版本,通过 import 来引入。
引入普通 lodash:const _ = require(‘lodash’); 或 import _ from ‘lodash’;
引入 lodash-es:import _ from ‘lodash-es’;
Tree Shaking支持
:lodash 传统模块在引入时会将整个库导入,可能导致引入大量不必要的代码;lodash-es 被设计为支持 Tree Shaking,只有实际使用的部分会被打包,能减小最终的文件大小。
如果你的项目使用了 ES6 模块系统,并且关心代码体积,那么推荐使用 lodash-es。如果你使用的是传统的 CommonJS 模块系统,或者不太关心体积,那么使用 lodash 也是可以的。
例如,使用 lodash 的一些常见函数:

 
import _ from 'lodash'; // 数组去重
const uniqueArray = _.uniq([1, 2, 2, 3, 3, 3]); // 深拷贝对象
const copiedObject = _.cloneDeep({ key: 'value' }); // 从对象中选取特定属性
const selectedProperties = _.pick({ name: 'John', age: 25, city: 'New York' }, ['name', 'age']); 
**

除了 Lodash,还有许多其他流行的 JavaScript 工具库,以下是一些常用的库:
D3.js:
一个流行的 JavaScript 数据可视化库,用于创建交互式的数据图表、地图等可视化效果,提供了一系列的 API 和工具。
Three.js:
一款运行在浏览器中的 3D 引擎,用 JavaScript 编写的 WebGL 第三方函数库。通过 Three.js 可以在不使用插件的情况下在网页中创建和展示三维计算机图形,包括摄影机、光影、材质等各种对象。
Chart.js:
一个简单、灵活的 JavaScript 图表工具,是一个基于 HTML5 技术的 JavaScript 图表工具。它支持8种图表类型,每种方式都具有动态效果并且可定制。
Immutable.js:
一个提供不可变数据结构的 JavaScript 库,一旦创建,就不能再被更改的数据。对 Immutable 对象的任何修改或添加删除操作都会返回一个新的 Immutable 对象。
Leaflet:
一个开源并且对移动端友好的交互式地图 JavaScript 库。它大小仅仅只有42KB,并且拥有绝大部分开发者所需要的所有地图特性,简单、高效并且易用。
Underscore:
一个 JavaScript 实用库,提供了一整套函数式编程的实用功能,但是没有扩展任何 JavaScript 内置对象。它弥补了部分 jQuery 没有实现的功能,同时又是 Backbone.js 必不可少的部分。
Hammer.js:
一个轻量级的 JavaScript 库,主要用于处理移动设备上的触摸事件,提供了一种简单易用的方式来创建复杂的触摸交互体验。
Ramda.js:一款实用的 JavaScript 函数式编程库,与其他函数式的库相比,Ramda 的目标更为专注,专门为函数式编程风格而设计,更容易创建函数式 pipeline、且从不改变用户已有数据。
Highlight.js:
一款轻量级的 JavaScript 库,可以自动检测并高亮显示代码片段。它支持多种编程语言,包括但不限于 HTML、CSS、JavaScript、PHP、Python、Ruby 等。

以上就是文章全部内容了,如果喜欢这篇文章的话,还希望三连支持一下,感谢!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/web/44380.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

2024年,搞AI就别卷模型了

你好,我是三桥君 2022年11月30日,OpenAI发布了一款全新的对话式通用人工智能工具——ChatGPT。 该工具发布后,仅用5天时间就吸引了100万活跃用户,而在短短2个月内,其活跃用户数更是飙升至1亿,成为历史上增…

ARP协议介绍与ARP协议的攻击手法

ARP是什么? ARP是通过网络地址(IP)来定位机器MAC地址的协议,它通过解析网络层地址(IP)来找寻数据链路层地址(MAC)的网络传输协议。 对个定义不能理解的话,可以结合 TCP/I…

《恋与深空》2.0上线肉鸽模式,乙游玩家会买账吗?

乙游和肉鸽,看似八竿子打不着的两个赛道,被叠纸给融合起来了。 根据《恋与深空》官方消息,即将在7月15日更新的2.0交错视界版本中,会上线全新常驻玩法“混沌深网”,配置高随机性Roguelike模式,并搭载了管理…

理想文档发布了~一个集合了多个优秀开源项目的在线云文档

两年前我做了一个简单的在线云文档项目,选择了开源的思维导图、白板、流程图、幻灯片等项目,在它们基础上添加了云存储的功能,然后写了一个简单的工作台管理文件夹和文件: 放在了自己的个人网站上使用,同时写了一篇水文…

【Leetcode 每日一题】349. 两个数组的交集

给定两个数组 nums1 和 nums2 ,返回 它们的 交集 。输出结果中的每个元素一定是 唯一 的。我们可以 不考虑输出结果的顺序 。 示例 1: 输入:nums1 [1,2,2,1], nums2 [2,2] 输出:[2]示例 2: 输入:nums…

[web]-代码审计-运维失误

打开页面可以看到如下: 1、查看源代码,发现验证码功能是正常生成的随机的,输入也没有过滤,无法采用爆破。 2、根据题目提示运维失误,使用dirsearch扫描,发现提交的地址check.php, 使用php5、.bak可以打开&…

2.The DispatcherServlet

The DispatcherServlet Spring的Web MVC框架与许多其他Web MVC框架一样,是请求驱动的,围绕一个中央Servlet(即DispatcherServlet)设计,该Servlet将请求分派给控制器,并提供其他功能以促进Web应用程序的开发…

创建I/O文件fopen

#include〈stdio.h〉 int mian(int argc,char *argv[]){ FILE *fp;//结构体fp fpfopen(“1.txt”,“r”); }

程序的控制结构——if-else语句(双分支结构)【互三互三】

目录 🍁 引言 🍁if-else语句(双分支结构) 👉格式1: 👉功能: 👉程序设计风格提示: 👉例题 👉格式2: 👉…

Monaco 使用 ColorProvider

Manco 中可以使用调色板对色值进行修改,首先看一下调色版效果。 调色板是 Monaco-Editor 中一个特别的组件,通过两个方法实现呼出调色板,provideColorPresentations 显示调色窗口,provideDocumentColors 监听页面的变更&#xff0…

如何将libwebsockets库编译为x86架构

在之前的文章中,我们已经详细介绍了如何交叉编译libwebsockets并将其部署到ELF 1开发板上。然而在调试阶段,发现将libwebsockets在Ubuntu环境下编译为x86架构可能更为方便和高效。 通过在主机环境中编译运用x86架构下的libwebsockets库,可以…

阿里ChatSDK使用,开箱即用聊天框

介绍: 效果:智能助理 ChatSDK,是在ChatUI的基础上,结合阿里云智能客服的最佳实践,沉淀和总结出来的一个开箱即用的,可快速搭建智能对话机器人的框架。它简单易上手,通过简单的配置就能搭建出对…

Flowable工作流引擎核心事件详细解释说明

Flowable工作流引擎核心事件详细解释说明 流程执行事件 需要了解全部详细事件的请看这个链接Flowable(一个开源的工作流和业务流程管理引擎)中与事件相关的一些核心概念 流程开始和结束事件 PROCESS_STARTED:标记流程实例的开始。PROCESS…

公益快报 | 中科亿海微以企业奖学金为纽带,深化校企合作

近日,为回报母校、激励湖南大学机器人视觉感知与控制技术国家工程研究中心广大学生,中科亿海微电子科技(苏州)有限公司(简称“中科亿海微”)捐赠设立企业奖学金。此项奖学金的设立标志着校企合作迈向全方位…

【C++】C++中struct结构体和class类的区别

在C中, struct 和 class 在很多方面都非常相似,它们都可以包含数据成员(变量)和成员函数(方法)。然而,它们之间还是存在一些关键的区别: 1. 默认访问权限 struct 的成员默认是 pub…

实现组件存储 WinSxS 文件夹解析

目录 背景 目录名的组成 解析目录结构 更新&总结 文章出处链接:[https://blog.csdn.net/qq_59075481/article/details/140385969]. 背景 WinSxS 文件夹位于 Windows 文件夹中,例如 C: \Windows\WinSxS。它是 Windows 组件存储文件的位置。 Wind…

深入理解Spring Boot中的日志框架选择

深入理解Spring Boot中的日志框架选择 大家好,我是微赚淘客系统3.0的小编,也是冬天不穿秋裤,天冷也要风度的程序猿! 1. 背景与需求 在开发和运维中,日志是不可或缺的重要组成部分。Spring Boot作为一个流行的Java开…

idea启动vue项目一直卡死在51%,问题分析及其如何解决

如果你的项目也一直卡在百分之几十&#xff0c;你可以参考下面的方法&#xff0c;试一试能否解决 问题描述&#xff1a; 通过在idea终端中输入命令 npm run serve 启动vue项目&#xff0c;启动进程一直卡在51% 如何解决&#xff1a; 检查 < template > 标签中的html内容…

深度学习中的超参管理方法:argparse模块

在深度学习方法中我们不可避免地会遇到大量超参数如&#xff08;batch_size、learning_rate等&#xff09;。不同的超参数组合可以得到不同的训练/测试结果。所以在训练和测试过程中我们需要不断调整超参数获得理想的结果&#xff08;炼丹&#xff09;&#xff0c;如果每一次去…

破解世纪难题:颠覆性方案解锁世界十大未解之谜

前言 在科学的浩瀚宇宙中&#xff0c;始终存在一些引人入胜的谜题&#xff0c;它们挑战着人类智慧的极限。这些谜题不仅涵盖了数学、物理、天文学和生物学等领域&#xff0c;还触及到意识和宇宙的本质。破解这些世纪难题&#xff0c;不仅意味着人类知识的巨大飞跃&#xff0c;…