- 2024-09-05深入了解Vite:依赖预构建原理
前言前面我们有提到Vite在开发阶段,提倡的是一个no-bundle的理念,不必与webpack那样需要先将整个项目进行打包构建。但是no-bundle的理念只适合源代码部分(我们自己写的代码),vite会将项目中的所有模块分为依赖与源码两部分。依赖:指的是一些不会变动的一些模块,如:node_modules中的第
- 2024-08-27lodash 之 _.isEmpty
lodash.isEmpty()是Lodash库中的一个函数,用于检查给定值是否为空。它可以用于判断对象、数组、字符串等不同类型的值是否为空。const_=require('lodash');console.log(_.isEmpty(null));//输出:trueconsole.log(_.isEmpty(undefined));//输出:trueconsole.log
- 2024-08-21Lodash 使用详解:提升 JavaScript 开发效率的利器
引言在现代JavaScript开发中,处理数组、对象、字符串等数据类型的操作频繁且复杂。尽管JavaScript本身已经提供了一些内置方法,但它们有时不够直观,或者在处理复杂场景时显得笨拙。Lodash是一个功能丰富的JavaScript实用工具库,它提供了简洁、高效的API来处理这些常见
- 2024-08-19解决Vue3+Ts打包项目时会生成很多的map文件
正常打包会生成.js和.map文件怎么去解决它呢?正常来说我们会在vite.config.ts配置我们的项目打包方式,如下:(我这里的target:es2022是为了支持模块中顶层await的使用)//Vite配置文件exportdefault{build:{//指定构建输出目录outDir:"dist",//使用"
- 2024-08-17如何优化 Vite 项目中的 Lodash 引入:从 Tree Shaking 到自动化测试
文章目录前言问题背景解决方案概述思路1:使用Lodash-ES替代Lodash思路2:使用Babel插件babel-plugin-lodash思路3:大规模替换后的验证与测试Babel的工作流程回顾最终选择及实践经验自动化测试:使用Puppeteer验证替换后的代码结论前言在现
- 2024-08-01lodash get 使用,js如何实现lodash get
lodashgetlodash的get方法,它主要用于安全地访问对象的属性,避免因为中间属性不存在而导致的异常。这个方法可以按照指定的路径获取对象的属性值。比如,假设有一个对象user,包含了name和address属性,你可以这样使用get方法:const_=require('lodash');constuser={
- 2024-07-22Teamcenter AWC开发,代码报错Error: Cannot read properties of undefined (reading 'hasOwnProperty')
1、调用setProperties接口报错awaitsoaSvc.post('Core-2010-09-DataManagement','setProperties',info)Error:Cannotreadpropertiesofundefined(reading'hasOwnProperty')atObject.createError(soaService.js:486:1)ateval
- 2024-06-07lodash已死?radash库方法介绍及源码解析 —— 判断方法篇
前言大家好,我是阿瓜。一个励志分享更多技术的前端瓜~我们已经分享了radash库中数组、对象等相关的方法,大家感兴趣的可以前往主页查看阅读;或许你最近在某个地方听过或者看过radash这个词,它是一个typescript编写的方法库,如果你想试试使用它,我们有简单使用示例,直接套用类似
- 2024-06-07lodash已死?radash库方法介绍及源码解析 —— 判断方法篇
前言大家好,我是阿瓜。一个励志分享更多技术的前端瓜~我们已经分享了radash库中数组、对象等相关的方法,大家感兴趣的可以前往主页查看阅读;或许你最近在某个地方听过或者看过radash这个词,它是一个typescript编写的方法库,如果你想试试使用它,我们有简单使用示例,直接套
- 2024-06-03纷乱繁杂的声明文件
费脑子的声明文件初始化项目:#创建项目目录mkdirhello&&cdhello#生成package.jsonnpminit-y#由于是ts项目,安装typescript包npmi--save-devtypescript#生成tsconfig.jsonnpxtsc--initpackage.json{"name":"@kaoniqiwa/hello","vers
- 2024-05-31【JavaScript脚本宇宙】编程新视野:JavaScript中的六大重要实用库
增强你的代码:深入浅出JavaScript实用工具库前言在动态且多变的编程世界中,实用程序库已经成为开发者们提升效率、优化代码的得力助手。本文将深入探讨六个广受欢迎的JavaScript实用程序库,它们各自具有独特的功能和应用场景,无论你是初学者还是资深开发者,或许都能在其中找到
- 2024-05-20lodash已死?radash库方法介绍及源码解析 —— 函数柯里化 + Number篇
写在前面tips:点赞+收藏=学会!主页有更多其他篇章的方法,欢迎访问查看。本篇我们继续介绍radash中函数柯里化和Number相关的方法使用和源码解析。函数柯里化chain:创建一个函数链并依次执行使用说明功能描述:用于创建一个函数链,该链依次执行一系列函数,每个函数的输出
- 2024-04-25React 《常用库》
lodashLodash通过降低array、number、objects、string等等的使用难度从而让JavaScript变得更简单。Lodash的模块化方法非常适用于:遍历array、object和string对值进行操作和检测创建符合功能的函数官网https://www.lodashjs.com/#installnpmi--savelodash
- 2024-04-24lodash已死?radash最全使用介绍(附源码说明)—— Array方法篇(4)
写在前面tips:点赞+收藏=学会!我们已经介绍了radash的相关信息和部分Array相关方法,详情可前往主页查看。本篇我们继续介绍radash中Array的相关方法的剩余方法。本期文章发布后,作者也会同步整理出Array方法的使用目录,包括文章说明和脑图说明。因为方法较多,后续将专门发布
- 2024-04-12lodash已死?radash最全使用介绍(附源码说明)—— Array方法篇(3)
前言我们已经介绍了radash的相关信息和部分Array相关方法,详情可前往主页查看;本篇我们继续介绍radash中Array的相关方法;下期我们将介绍解析radash中剩余的Array相关方法,并整理出Array方法使用目录,包括文章说明和脑图说明。Radash的Array相关方法详解iterate:把一个函数迭代
- 2024-04-03lodash已死?radash最全使用介绍(附源码说明)—— Array方法篇(2)
前言前篇我们已经介绍了radash的相关信息和部分Array相关方法,详情可前往主页查看;本篇我们继续介绍radash中Array的其他相关方法;Radash的Array相关方法详解first:获取数组第一项,不存在返回默认值使用说明参数:目标数组,或者传递两个参数空数组和默认值;返回值:传
- 2024-03-30lodash已死?radash最全使用介绍(附源码详细说明)—— Array方法篇(1)
相信很多前端同学甚至非前端都或多或少使用过lodash库,我们都知道lodash是一个非常丰富的前端工具库,比如最常用的防抖和节流,使用lodash都能很快实现,在github上更是有着58.7k的star数。但最近出现的Radash库,号称lodashplus版本,比之更新、更小、更全面、源码更易于理解。阅读本文
- 2024-02-18关于lodash.debounce的配置
最近在改一个bug的时候反馈说一个弹窗表单在快速多次的点击提交按钮时有可能重复提交,于是我在检查这个表单的时候发现他的防抖是这样配置的:submit1:debounce(function(){console.log(1);this.cancel(true);},500),乍一看好像没什么问题,于是我查询了文档 l
- 2024-01-28常用的lodash方法
概述:lodash是一套JS工具库,内部封装了很多字符串、数组、对象等常见数据类型的处理函数。lodash的所有函数都不会在原有的数据上进行操作,而是复制出一个新的数据而不改变原有数据。类似immutable.js的理念去处理。官方中文地址 安装:浏览器环境:<scriptsrc="lodash.js"></
- 2024-01-25lodash实用记录
differenceBy(array,[values],[iteratee=_.identity])原使用场景:需要将一个普通的title、value格式的数组遍历展示到页面,但是有几个特殊的title不需要展示,需要排除掉原写法是list.map之后,判断title是否includes在需要排除的屏蔽数组中,为false则在页面展示更改成differen
- 2023-12-19Lodash整理
二、数组操作1.chunk_.chunk(array,[size]) 函数可以将一个数组按照指定的大小分割成若干个数组,返回一个新的二维数组。constarr=['a','b','c','d','e'];constresult=_.chunk(arr,3);console.log(result);//[['a','b',
- 2023-12-10lodash介绍
目录1、简介2、字符串操作3、算术与数字4、数组操作5、对象操作6、函数操作7、通用工具1、简介安装#es-module支持tree-shakingnpmi--savelodash-es#源码阅读#柯里化#你不需要lodash:https://github.com/you-dont-need/You-Dont-Need-Lodash-Underscore#Array高
- 2023-11-30js精度丢失的问题,利用lodash函数库重新封装
functionroundAndPad(num,decimalPlaces){ varrounded=_.round(num,decimalPlaces); //使用Lodash的_.round函数四舍五入 varstr=rounded.toString(); vardecimalIndex=str.indexOf('.'); console.log("str:",str); console.lo
- 2023-11-28npm学习(三)之如何安装本地包、更新本地安装的包、卸载本地安装的包
如何安装本地包有两种方式用来安装npm包:本地安装和全局安装。至于选择哪种方式来安装,取决于我们如何使用这个包。如果你自己的模块依赖于某个包,并通过Node.js的 require 加载,那么你应该选择本地安装,这种方式也是 npminstall 命令的默认行为。如果你想将包作为一
- 2023-11-24Lodash 真的死了吗?Lodash 5 在哪里?
Lodash真的死了吗?Lodash5在哪里?王大冶 11月1日 福建阅读 2 分钟 免费体验Gpt4plus与AI作图神器,我们出的钱体验地址:体验与一些传言相反,Lodash依然活跃,并正在迈向Lodash5的发布!Lodash 是那些为JavaScript提供便利功能的实用程序库之一