js-tool-big-box
文章平均质量分 78
前端开发不用再自己写公用方法啦,不需要再单独引入某个工具依赖啦,js-tool-big-box一个帮你搞定,而且使用简单
经海路大白狗
js-tool-big-box工具库开发者;简历优化师
展开
-
前端JS必用工具【js-tool-big-box】学习,获取浏览器userAgent以及详细信息
这一小节,我们说一下工具库中,获取浏览器 userAgent 以及详细信息的方法。获取userAgent以及详细信息呢,并不是特别常用。但如果是一些网站在开发迭代过程中,或者刚开始就要求比较高,涉及到,用、区分浏览器,浏览器的时候,可能获取浏览器的具体userAgent,以及具体到某个浏览器和版本,就很重要了。这一小节呢,我们来获取一下这些详细信息。原创 2024-06-20 10:54:59 · 122 阅读 · 2 评论 -
前端JS必用工具【js-tool-big-box】学习,打开全屏和关闭全屏
这一小节,我们说一下工具库中,打开全屏和关闭全屏的方法学习。我们知道,浏览器想打开全屏,按一下键就可以了,但一来这个功能不一定所有使用的用户都知道,二来在一些例如大屏的需求场景下,还是很被需要的。很多用户一旦投屏展示后,他那个大屏幕就在那里给用户展示着,或者给老板展示着,但是那个大屏幕呢,人家没有 F11 这个键。所以,打开全屏功能就很重要了。原创 2024-06-17 11:09:03 · 844 阅读 · 7 评论 -
js-tool-big-box工具库,小伙伴提出对于获取属相方法的修改
js-tool-big-box工具库,取名为big-box呢,是希望这个工具库是一个大盒子,然后里面会有很多小盒子,小盒子里面再有很多所属的公共方法这些更小的盒子。,原本写法是判断的形式,这种写法的确不太好。之前的写法的确是很累赘,写的很邋遢。工具库越来越好,越来越可以帮助更多的前端开发者们。这个盒子里呢,有个获取属相的方法。原创 2024-06-14 10:00:00 · 464 阅读 · 14 评论 -
前端JS必用工具【js-tool-big-box】学习,下载大文件(fetch请求 + 下载功能版)
上一节,我们添加了下载大文件的纯功能版,意思就是需要开发者,在自己项目里发送请求,请求成功后,获取文件流的blob数据,然后帮助下载。但考虑到,有些项目,可能比较简单,在一些没有成形请求封装的情况下,项目里需要一个下载功能。这个时候,这一小节说到的就有用武之地了。意思就是,自己也不用发送请求了,只需要传入接口所需要的必要参数就可以了,就可以实现下载功能了。用于比较简单的小项目。原创 2024-06-13 11:58:08 · 1707 阅读 · 51 评论 -
前端JS必用工具【js-tool-big-box】学习,下载大文件(纯下载功能版)
这一小节呢,我们说一下工具库,下载文件的用法。这一小节说的是纯下载版本。意思就是我们在前端项目开发中,下载功能嘛,无论你发送fetch请求,还是axios请求,你总得发送一下请求,才能拿到下载文件的那个blob数据流信息。。原创 2024-06-13 11:08:46 · 630 阅读 · 0 评论 -
前端JS必用工具【js-tool-big-box】学习,获取当前浏览器向上滚动还是向下滚动,获取当前距离顶部和底部的距离
添加的最新工具方法,在日常前端开发工作中,如果网页很长,我们就需要获取当前浏览器是在向上滚动,还是向下滚动。如果向上滚动,滚动到0的时候呢,需要做一些操作;如果浏览器是在乡下滚动,如果滚动到底部有一定距离的时候呢,也需要做一些操作。例如距离底部还差200px的时候呢,我们就可以提前请求下一页数据拉,不至于滚动到0的时候再请求,那就会有点晚,让用户等很久。原创 2024-06-11 11:19:54 · 1307 阅读 · 6 评论 -
前端JS必用工具【js-tool-big-box】学习,检测密码强度
前端工具库,实用的公共方法越来越多了,这一小节,我们带来的是检测密码强度。我们在日常开发中,为了便于测试,自己总是想一个简单的密码,赶紧输入。但到了正式环境,我们都应该为自己准备一个密码强度较高的密码,以提高安全性。我们一起来看一下在js-tool-big-box工具库中,如何使用检测密码强度这一实用的功能吧。原创 2024-06-03 09:45:57 · 584 阅读 · 5 评论 -
前端JS必用工具【js-tool-big-box】学习,获取数据的详细类型
之前我们习惯性的用typeof方法去判断数据类型,但慢慢的发现,typeof这个方法能力有限,基础的数据类型倒是还能判断,但是复杂一点,或者是null之类的假类型,就判断不出来了。可以看出,其实用typeof来判断类型,经常有一种不靠谱的感觉。现在 js-tool-big-box中添加了新的工具方法,可以判断这些数据类型,而且使用便捷。原创 2024-05-28 11:46:39 · 922 阅读 · 6 评论 -
前端JS必用工具【js-tool-big-box】学习,获取全球重点城市时间
我们去住一些旅馆的时候,或者一些国际性网站,经常可以看见他们的钟表会展示一些国家地区的时间,这个就是很常用的功能。但如果不常接触这个功能的开发网站呢,大家就看自己电脑右下角的时间展示,就是自己当前的具体时间了。js-tool-big-box也增加了这个功能,希望有需求的开发者可以通过工具,获取全球一些重点城市的时间展示。原创 2024-05-27 14:10:15 · 537 阅读 · 4 评论 -
前端JS必用工具【js-tool-big-box】学习,关键字符串中间隐藏显示,显示什么符号,显示多少位,前后展示几位
这一小节,我们说一个中新增的非常实用的功能。比如身份证号码,肯定不能真实的全部的展示给用户,需要中间加星号展示,那么中间加星号,前后展示多少位,对吧,每个公司可能有不同的理解,产品需求也不同;比如手机号,也是不能直接展示给用户的,需要中间加星,这个倒是比较统一,中间加星,前3后4,但中间的星号,我遇到过有展示3个星号,有展示4个星号的;比如web3交易hash,是一个很长的字符串,应该是42位吧,以0x开头,要求前8后8,中间呢,是3个点,又不是星号了。原创 2024-05-22 11:06:08 · 452 阅读 · 2 评论 -
前端JS必用工具【js-tool-big-box】学习,通过身份证号获取生日、性别和年龄
方法名返回值入参正确则返回对象,属性为age birthday 和 gender;错误则返回false第一个参数必填,为字符串的身份证号码。原创 2024-05-21 10:36:48 · 272 阅读 · 1 评论 -
前端JS必用工具【js-tool-big-box】学习,检测当前是否为手机端浏览器,检测某元素是否处于当前可视范围内
这一小节,js-tool-big-box工具库又迎来了两个非常实用功能成员,分别是检测当前浏览器是否为手机端浏览器,还有检测某元素当前是否处于可视范围内。通过npm安装,执行以下命令这两个功能,工具库提供了一个叫browserBox的对象,所以代码中需要引入这个对象2 检测当前是否为手机端浏览器 这个功能还是很实用的,经常需要判断是否为手机端浏览器,做出与PC端不同的展示效果,判断示例代码如下: 上面两个图中,我们切换了浏览器的展示形式,分别以PC端和移动端两种形式做了效果展示。使用方法总原创 2024-05-16 10:46:29 · 451 阅读 · 7 评论 -
前端JS必用工具【js-tool-big-box】学习,生成uuid,数组去重
js-tool-big-box这个前端工具库,今天又添加了2个实用功能,分别是和。原创 2024-05-15 14:25:19 · 232 阅读 · 3 评论 -
基于Vue3+ElementPlus项目,复制文字到剪贴板功能实践指南,揭秘使用js-tool-big-box工具库的核心优势
使用js-tool-big-box这个工具库,实现复制文字到剪贴板的功能,很便捷,帮助项目少写代码,少引入第三方插件原创 2024-05-14 15:40:51 · 3216 阅读 · 164 评论 -
阅读送书抽奖?玩转抽奖游戏,js-tool-big-box工具库新上抽奖功能
先讨论一个问题,你做软件工作是为了什么?从高中选专业,就喜欢上了软件开发?还是当初毕业不知道干啥,不喜欢自己的专业,投入软件开发的怀抱?还是干着干着别的,突然觉得互联网行业真不赖,然后学了学,开始了软件开发生涯?原创 2024-05-10 10:38:19 · 1565 阅读 · 85 评论 -
前端JS必用工具【js-tool-big-box】,验证是否是Unicode字符,获取一个字符串的字节长度,以及新增发送JSONP跨域请求的方法
目前已经收集到了,希望可以添加一些公用方法,我觉得这很好,我们一起把这个前端通用工具做大一些,帮助更多的小伙伴少些util代码,更多的关注于自己的业务开发,真是不错。原创 2024-05-08 17:11:28 · 766 阅读 · 16 评论 -
前端JS必用工具【js-tool-big-box】,邮箱,手机,身份证号,ip地址等正则验证方法学习
这一小节,我们针对前端npm包的使用做一些讲解,主要是针对项目中,邮箱,手机号,身份证号,ip地址,url格式,邮政编码等验证的方法使用。原创 2024-05-07 13:40:38 · 391 阅读 · 2 评论 -
前端JS必用工具【js-tool-big-box】,字符串反转,驼峰转换以及版本号对比
方法名返回值入参被转换后小驼峰或大驼峰的字符串第一个参数必填,表示需要被转换的带有横杠的字符串,第二个参数非必填,表示需要转为小驼峰或者是大驼峰,如果不传第二个参数,默认是“small”,需要转大驼峰,则传入“big。原创 2024-04-29 17:19:41 · 876 阅读 · 1 评论 -
前端JS必用工具【js-tool-big-box】,Number数值转换的方法调用学习
在前端项目中,经常会涉及到一些数值转化的公共方法,而js-tool-big-box 这个工具包里也都包含了,可以直接使用,例如千位分割,保留小数位,生成指定范围内的随机数,转中文大写,中文小写这些,可以说是非常便捷高效,堪称AIGC PLUS。原创 2024-04-28 16:28:22 · 1685 阅读 · 16 评论 -
前端JS必用工具【js-tool-big-box】,防抖和节流的方法调用学习
在前端项目中,经常涉及到防抖和节流,比如用户频繁的输入进行检索,比如频繁的resize浏览器窗口,比如频繁的下拉刷新,这些都可能涉及到在短时间内多次与服务端进行交互,所以,所以,所以,大家经常在项目内定义一个 utils 目录,里面写上防抖(debounce)和节流(throttle)的公共方法,进行调用。现在好啦,js-tool-big-box工具包提供出了这个两个方法,并有专门的团队进行维护公有方法,大家可以直接调用,减少了自己的代码量,可以有更多的时间去专注于自己的业务开发。方法名返回值。原创 2024-04-26 17:11:37 · 1581 阅读 · 49 评论 -
前端JS必用工具【js-tool-big-box】,获取浏览器参数、cookie、localStorage的存取
这一小节,我们针对工具做一些使用讲解,主要获取浏览器参数、cookie、localStorage的存取方面的。这些方法差不多每次项目中要么用不到,要么就自己写一份,轮子造的很重复啊,而且localStorage有时候要求设定过期时间,工具中也做了对应的开发。工具中对外暴露了对象,可以供大家使用。原创 2024-04-23 17:36:12 · 1341 阅读 · 36 评论 -
前端JS必用工具【js-tool-big-box】,日期时间相关工具二
上一节我们说到了工具中关于日期的详细转换,还有获取年月日时分秒的详细转换方法使用,同时可以灵活添加自己需要的单位,很便捷。这一节我们继续学习几个相关的方法。原创 2024-04-22 15:01:25 · 994 阅读 · 28 评论 -
前端JS必用工具【js-tool-big-box】,时间日期转换学习一
这一小节,我们学习一下这个npm 前端工具库,关于时间日期格式转换的一部分,后续还会有。原创 2024-04-18 19:32:57 · 1026 阅读 · 33 评论 -
创建一个javascript公共方法的npm包,js-tool-big-box,发布到npm上,一劳永逸
前端javascript的公共方法太多了,时间日期的,数值的,字符串的,搞复制的,搞网络请求的,搞数据转换的,几乎就是每个新项目,有的拷一拷,没有的继续写,放个utils目录里,自我还感觉良好,但其实有点不合适,但不复用了。我准备搞一个javascript的公共方法包,里面以后多放一些公共方法。我给他起了个名字叫,意思就是js工具的一个大盒子,魔盒魔盒,啥都能装,也可以叫他js魔盒。不错不错,npm上还没有这么响亮的包呢!!!原创 2024-04-17 11:43:41 · 1661 阅读 · 21 评论