![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js代代码库
shenzhipeng1023
好的代码就像一锅粥,需要用时间熬出它的美味
展开
-
js将阿拉伯数字转为中文数字(阿拉伯数字转为金额数字,包含大写中文数字)
里边有金额数字的格式化,以及阿拉伯数字转为中文大写金额数字的方法,在一些使用中文小写数字的时候就不适用,这里将方法进行了扩展使用更加完善。代码直接放到下方,可以直接封装成一个numberToChineseUpper.js 文件,使用时直接引入到相应的地方。原创 2024-06-28 13:17:52 · 264 阅读 · 0 评论 -
js检验一个字符串是否是正确时间格式的工具方法
js检验一个字符串是否是正确时间格式的工具方法原创 2024-05-28 19:57:23 · 284 阅读 · 0 评论 -
input输入框过滤非金额内容保留一个小数点和2位小数
js过滤非金额内容,输入框过滤非金额内容,保留一个小数点和2位小数过滤金额内容原创 2024-02-26 13:05:29 · 454 阅读 · 1 评论 -
js直接下载附件和通过blob数据类型下载文件
js下载文件方式有使用a标签的,也有直接用window.open的,还有用form表单的;这里采用的是a标签的下载方式,一种是url直接下载,另一种是文件的blob数据类型进行下载。文件blob数据类型的获取一般是后端返回文件的二进制流,前端通过请求工具获取为blob数据类型进行下载;也可以这直接通过ajax或fetch等将url转化为blob数据类型,一些特殊的附件直接通过url下载,浏览器可能会将其打开,如:pdf。原创 2024-01-26 14:50:08 · 1009 阅读 · 0 评论 -
js将图片文件或url转成base64字符串
js将图片文件或url链接转成base64字符串原创 2022-09-26 18:01:08 · 6086 阅读 · 0 评论 -
js正则表达式去掉所有HTML标签,保留指定标签
正则去掉所有HTML标签,保留指定标签。原创 2022-09-22 17:47:07 · 1661 阅读 · 1 评论 -
纯前端js直接导入导出json文件
现在很多公司都有多个测试环境或者其他环境,有些配置信息在其他环境需要同样的信息,按照传统只能修改数据库对于新手小白来说只能求助于服务端了,现在前端也可以直接将当前的数据导出为json文件,然后在需要的地方导入即可也不需要服务端,相对比较方便,而且还比较灵活。遵循本博客传统,话不多说上代码:代码里边注释较为清晰,方法也可以直接拿来使用的,如果在使用过程中遇到什么问题,欢迎在评论区留言,我们一起交流。如果对您有所帮助,还希望您能点赞关注。...原创 2022-07-12 20:34:38 · 5422 阅读 · 4 评论 -
河南省各地市经纬度及编码数据
可以直接使用的河南省各地市经纬度及编码数据信息,以及各城市的经纬度信息包括地级市原创 2022-06-15 11:27:08 · 1216 阅读 · 0 评论 -
JS中JSON序列化JSON.stringify的坑点和处理
JSON.stringify的问题在js中提到对象转JSON字符串,基本都会想到JSON.stringify这个方法,以及对应的解析方法JSON.parse方法,这个的转换也被不少人用于深拷贝的操作中。但是随着这一对方法的使用,我们会发现它们存在的弊端,比如会丢失函数和undefined类型的内容,如下:这里边的丢失内容为undefined类型c和函数f,在查询了资料后发现JSON.stringify会丢失的内容有以下内容:使用JSON.Stringify 转换的数据中,如果包含 function原创 2022-03-21 17:27:58 · 10764 阅读 · 0 评论 -
获取URL中参数,以及参数和对象之间互换
现在原生h5的项目不多了,但是url传参这样的操作估计也不是很多,这里就给有需要的人,提供一点小小的帮助吧。话不多说直接上代码:获取URL中的参数并转为对象/** * 解析url中的所有参数信息 * @param url {String} 传入的地址url,默认当前访问页面的window.location.href * @returns {Object} 返回url参数所组成的Object数据对象,没有参数范会空 {} */ const parseQueryString = (url原创 2022-01-04 16:55:08 · 1084 阅读 · 0 评论 -
js按农历输出当前日期
var CalendarData = new Array(100);var madd = new Array(12);var tgString = "甲乙丙丁戊己庚辛壬癸";var dzString = "子丑寅卯辰巳午未申酉戌亥";var numString = "一二三四五六七八九十";var monString = "正二三四五六七八九十冬腊";var weekString =......原创 2019-10-30 15:40:54 · 834 阅读 · 4 评论 -
js匹配两个特殊字符中间内容的正则以及html标签之间内容的匹配
匹配两个特殊字符匹配两个特殊字符中间的内容,比如¥1234¥ 要匹配两个¥之间的数字:// 使用正则let reg = /(?<=¥).*?(?=¥)/;let str = '¥1234¥';// 使用str.match(reg); // 输出 ['1234']在这里不包含前面匹配的字符写法(?<=要匹配的开始字符),不包含后面要匹配的字符写法(?=要匹配的结束字符)有了以上直接匹配特殊字符中间内容的方式,如果带上所要匹配的字符就更直接了'¥1234¥'.match(/¥.原创 2021-12-28 11:43:54 · 9389 阅读 · 1 评论 -
JS的浮点型乘除法无法精确计算问题处理
JS的精确计算问题是一些做金融或一些需要计算功能的一个坑点,例如:// 加法0.1 + 0.2 = 0.300000000000000040.1 + 0.7 = 0.79999999999999990.2 + 0.4 = 0.6000000000000001 // 减法0.3 - 0.2 = 0.099999999999999981.5 - 1.2 = 0.300000000000...原创 2020-04-07 18:42:31 · 790 阅读 · 1 评论 -
js验证字符串是否为正则表达式
js验证字符串是否为正则表达式,正确返回true,否则返回false。const isRegExp = (v) => { return Object.prototype.toString.call(v) === '[object RegExp]';}// 例子const reg = /[0-9a-z]/;console.log('是否是正则reg:', isRegExp(reg)); // 输出 trueconsole.log('是否是正则reg:', isRegExp(/[0-9a-原创 2021-12-15 17:07:51 · 4314 阅读 · 0 评论 -
原生js获取form表单数据以及高亮美化JSON输出展示
现在基本项目都以框架为主react和vue之类,这也就导致很多人对原生js的操作变得生疏,甚至有些工作几年的前端基础还是一知半解,问起框架来还能侃侃而谈,面对原生js就吞吞吐吐了。优秀的框架总能吸引一大堆爱好者的追随,但是原生的魅力也需要我们来了解,框架固然好用但是基础知识也要跟上才行,同样是话不多说直接上代码:serialize.js// 获取制定form中的所有表单元素const getFormElements = (formId) => { const form = document原创 2021-12-15 15:50:51 · 2852 阅读 · 3 评论 -
JS判断两个值是否相等,任意两个值对比,包括数组对象的对比
闲暇无聊中翻阅vuejs的源码,在里边发现了一个比较强壮的对比方法连数组对象都能正确对比;后边还有可以获取某个值在数据中是否存在,一个比较强壮的indexOf,如果对你有用欢迎点赞收藏和分享。话不多说,直接上代码:/** * 判断是否为基础类型object(这为基础类型判断,所以数组和对象是区分不开的,只为下边对比使用) * @param {any} obj 传入要判断的数据类型 * @returns 为object的为 true, 否则为false */function isObject (原创 2021-12-10 15:25:48 · 2011 阅读 · 0 评论 -
js的递归和while
作为一名多年前端开发的资深码农,一直对于堆啊和栈啊什么的不屑一顾,平时工作中while使用的很少,用递归反而多点,在最近无意中的一个计算操作中发现了在js中递归的缺点,然后自己做了个实验:显示用递归// 递归let num = 0;const max = 1000000;function a () { num++; console.log(`当前循环次数:${num}`); if (num === max) { return false; } else { r原创 2021-06-29 11:36:21 · 670 阅读 · 0 评论 -
常用的金额数字的格式化方法
常用的金额数字的格式化方法,这里提供的有千分位的和汉字金额间的转换数字金额格式化方法/** * 数字金额格式化(千分位) * @param {Number} money 要转换的金额数字 * @param {Number} num 小数点后有效数字 * @returns */const moneyFormatter = (money, num) => { num = num > 0 && num <= 20 ? num : 2; money原创 2021-06-03 17:29:13 · 1220 阅读 · 0 评论 -
JavaScript 16进制色值获取反色色值
JavaScript 16进制色值获取反色色值这个为js获取16进制色值的反色色值的方法/** * 16进制色值获取反色设置方法 * @param {String} oldColor 为16进制色值的字符串(例:'#000000') * @return {String} 返回反色的色值(例:'#ffffff') */const colorReverse = (oldColor) => { oldColor = '0x' + oldColor.replace(/#/g, ''原创 2021-04-16 18:01:08 · 4240 阅读 · 2 评论 -
JavaScript-在不修改程序源代码增加新功能(开放-封闭原则)
在我们工作中经常会遇到一些“祖传代码“要我们接手,在还没熟悉的时候突然有了新的需求,比如在一个testLoad函数中打印出所有节点的数量。这个难不倒我们,打开编辑器,搜索出 testLoad函数在的文件中的位置,在函数内部添加以下代码:testLoad = function () { // 此处省略代码 console.log('源函数的操作内容'); // 新增操作代码 console.log('输出所有节点数量', document.getElementsByTagName('*').原创 2021-02-05 16:57:48 · 1222 阅读 · 2 评论 -
h5页面置灰处理源代码,兼容IE(优雅降级提供下载浏览器链接)
h5页面置灰处理源代码兼容IE(优雅降级提供下载浏览器链接)马上要到清明节了,有朋友找我要给页面置灰的方案和方法,在网上搜的方法基本都是在Chrome上直接置灰,在ie上就有点难处理了;我找了下之前在南京遇到公祭日时候,做过类似的操作,为了方便当时用原生js写了一个,这样的好处是不依赖jq之类的,需要时候引入不需要时候废弃就行。对与IE的兼容,我们做的是优雅降级,在IE的时候提示让用户去下载...原创 2020-04-03 17:48:13 · 1774 阅读 · 0 评论 -
js数组对象去重处理
js数组对象去重处理js的数组去重,是js常谈的问题,网上的解决办法很多例如这里边用的先排序的方式再去重的,还有一些ES6的方式这里暂不介绍了,下边还是保持es5的语法处理数组对象的去重,就像数据里边有歌曲,歌曲去重一样,可能有更加便捷方案,下放这个方案能解燃煤之急,有不足之处希望能指出,共同进步<!DOCTYPE html><html> <head> ...原创 2018-02-08 14:05:33 · 9738 阅读 · 2 评论 -
手机号号码段及js验证
手机号号码段总结有媒体成有了新的号码段199,198和166号段,但是三大电信公司尚未开始售卖,还是看下现有的手机号段为:1. 中国移动: 134、135、136、137、138、139、 147(数据卡号段)、 150、151、152、157(TD)、158、159、 178、1705(虚拟运营商移动号段)、 182、183、原创 2018-02-02 17:42:59 · 4906 阅读 · 0 评论 -
js正则验证方法汇总
1. 验证URl的正确性 严谨正则function IsTrueURL(str_url){ var strRegex = "^((https|http|ftp|rtsp|mms)?://)" + "?(([0-9a-z_!~*'().&=+$%-]+: )?[0-9a-z_!~*'().&=+$%-]+@)?" //ftp的user@原创 2018-02-02 17:17:24 · 485 阅读 · 0 评论 -
javascript代码库
前言作为战斗在业务一线的前端,要想少加班,就要想办法提高工作效率。这里提一个小点,我们在业务开发过程中,经常会重复用到日期格式化、url参数转对象、浏览器类型判断、节流函数等一类函数,这些工具类函数,基本上在每个项目都会用到,为避免不同项目多次复制粘贴的麻烦,我们可以统一封装,发布到npm,以提高开发效率。这里,笔者已经封装并发布了自己的武器库 outils,如果你对本项目感兴趣,转载 2018-01-18 16:35:48 · 577 阅读 · 0 评论 -
验证身份证严谨方法并返回性别
验证 是否正确: 性别: var idcardInput = document.getElementById("idcard"); var btn = document.getElementById("btn"); var isShowBox = document.getElementById("isShow"); var textBox = document.原创 2018-02-02 16:32:45 · 580 阅读 · 0 评论 -
js代码库新增方法
1. 处理小数点以0000开头的数字和000开头的数组function regNumber(num){ if(num){ var reg2 = /^[0\b]+(\.[0-9])/; // 小数0开头的数字 if(reg2.test(num)) { var thisVal = num.split("."); thisVal[0] = 0;原创 2018-02-02 15:57:35 · 269 阅读 · 0 评论