javaScript
关注
分享
扫一扫
javaScript总结
江湖行骗老中医
相信自己！
展开
-
JS的map方法和Map对象
在JavaScript中，map方法和Map对象是两个不同的概念，但它们都非常有用，并且经常在开发中使用。map。原创 2025-02-14 14:13:19 · 298 阅读 · 0 评论 -
如何将页面上的数字显示为千分符且保留两位小数？toLocaleString()和toFixed(2)混用无效
【代码】如何将页面上的数字显示为千分符且保留两位小数？toLocaleString()和toFixed(2)混用无效。原创 2022-09-27 08:59:43 · 1125 阅读 · 0 评论 -
js数组深度拷贝 的四种实现方法
方法一：适用数组嵌套的深拷贝方法二：适用数组嵌套的深拷贝。原创 2022-09-21 10:24:20 · 7675 阅读 · 0 评论 -
关于微信回调页面的修改，方便本地测试。
在实际开发中，比如做微信登录的时候，我们不可能确保自己的代码写得没有问题。这时候就需要本地测试。然而微信的授权回调域是需要公网可以访问的。那我们如何在本地测试呢？经过大佬的提点，发现在本机的host文件里面，将对应的本机网站。比如127.0.0.1 指向为微信开放平台的对应的域名。比如：www.yangxing8jn.cn然后在测试的时候，登录后就会跳到本机的localhost的网站上。这时候就可以轻易的测试并获取到微信的用户信息了。 例如127.0.0.1 www.yangxing8j..原创 2022-05-06 20:39:56 · 902 阅读 · 0 评论 -
H5判断当前浏览器载体是支付宝还是微信
判断是否是微信：isWx: /micromessenger/.test(window.navigator.userAgent.toLowerCase()),判断是否是支付宝：isAli: /AlipayClient/.test(window.navigator.userAgent),原创 2022-05-06 13:43:46 · 1535 阅读 · 0 评论 -
各证件号码(身份证、护照、军官证、驾驶证、港澳台湾通行证、户口簿)正则表达式校验 完整正确
package com.***.utils;/** * @Description 各证件卡号校验类 * @author longwei * @date 2020/7/23 14:17 */public class CardsUtil { /** 正则表达式：验证身份证 */ public static final String REGEX_ID_CARD = "(^[1-9]\\d{5}(18|19|20)\\d{2}((0[1-9])|(10|11|12))(([0-2].原创 2022-05-04 09:40:41 · 17550 阅读 · 2 评论 -
Windows下安装及使用NVM
目录正文下载安装命令使用正文nvm 是 node.js 的版本管理工具，可以运行在多种操作系统上。nvm for windows 是使用go语言编写的软件。 我电脑使用的是Windows操作系统，所以我要记录下在此操作系统上nvm的安装和使用。下载nvm-windows 最新下载地址：https://github.com/coreybutler/nvm-windows/releases可以看到这里又有四个可下载的文件。nvm-noinstall.zip：原创 2022-02-27 09:48:14 · 1069 阅读 · 0 评论 -
Fabric.js 文档
Fabric.js 是一个可以简化 Canvas 程序编写的库。 Fabric.js 为 Canvas 提供所缺少的对象模型，svg parser，交互和一整套其他不可或缺的工具。由于 Fabric.js 为国外框架，官方 API 杂乱繁多，相关文档大多为英文文档，而且数量不多，所以本文旨在帮助新手在项目中快速上手 Fabric.js，享受绘制Canvas的过程。为什么要使用Fabric.js？Canvas 提供一个好的画布能力，但是 Api 不够友好。绘制简单图形其实还可以，不过做一些复杂的图形绘原创 2022-01-24 16:28:33 · 14824 阅读 · 0 评论 -
js获取DPI、px转cm、cm转px
//获取DPIfunction js_getDPI() { var arrDPI = new Array(); if ( window.screen.deviceXDPI != undefined ) { arrDPI[0] = window.screen.deviceXDPI; arrDPI[1] = window.screen.deviceYDPI; } else { var tmpNode = document.cre.原创 2022-01-19 14:28:33 · 3335 阅读 · 0 评论 -
查询IP归属地的接口
查询IP归属地的接口1.淘宝：http://ip.taobao.com/service/getIpInfo.php?ip=请求接口（GET）：http://ip.taobao.com/service/getIpInfo.php?ip=[ip地址字串]响应信息：（json格式的）国家 、省（自治区或直辖市）、市（县）、运营商返回数据格式：{"code":0,"data":{"ip":"210.75.225.254","country":"\u4e2d\u56fd","are原创 2021-11-17 17:45:13 · 1382 阅读 · 0 评论 -
控制台打印磁铁
console.log('???? no find chrome');原创 2021-11-03 09:36:56 · 94 阅读 · 0 评论 -
JS 实现 tab 页面关闭事件监听
chrome<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script> var _beforeUnload_time = 0, _gap_time = 0; window.onunload = function (){ _gap_time = new Date().getTime() - _beforeUnload_time; if原创 2021-10-24 09:59:40 · 2357 阅读 · 0 评论 -
ES6 对象解构赋值（浅拷贝 VS 深拷贝）
对象的扩展运算符（...）用于取出参数对象的所有可遍历属性，拷贝到当前对象之中。拷贝对象let aa = { age: 18, name: 'aaa'}let bb = {...aa};console.log(bb); // {age: 18, name: "aaa"}合并对象扩展运算符（...）可以用于合并两个对象let aa = { age: 18, name: 'aaa'} let bb = { sex: '男'}let cc = {...aa, ..原创 2021-10-19 10:29:04 · 764 阅读 · 0 评论 -
js 判断不为null、undefind、空字符串等
// 判断是否为空 返回true/false function isBlank(data) { if ( data == null || data === 'null' || data === '' || data === undefined || data === 'undefined' || data === 'unknown' ) { return true } else { ...原创 2021-10-18 18:33:42 · 6184 阅读 · 1 评论 -
js颜色加深或者减淡
/**************************颜色处理***********************************/ //hex颜色转rgb颜色 function HexToRgb (str) { var r = /^\#?[0-9A-F]{6}$/; //test方法检查在字符串中是否存在一个模式，如果存在则返回true，否则返回false if (!r.test(str)) return window.alert(.原创 2021-10-14 11:14:34 · 2226 阅读 · 0 评论 -
不支持IE8及以下版本
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>测试IE8以下版本</title> <style type="text/css"> html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acr...原创 2021-10-11 13:44:08 · 15412 阅读 · 0 评论 -
js 数组过滤器filter
js 数组过滤器filter记录一下数组过滤器得用法过滤器会创建一个新的数组，原数组不会改变语法：新数组 = 非空原数组.filter((条目,索引,原数组)=>{ 筛选得业务逻辑})let oldArr = [ { name:'tom', age:13 }, { name:'tom2', age:14 }, { name:'tom3', ag原创 2021-05-21 10:30:56 · 408 阅读 · 0 评论 -
Cookie的使用（js-cookie插件）
一、安装npm install js-cookie --save二、引用import Cookies from 'js-cookie'三、一般使用1.存到Cookie去//Createacookie,validacrosstheentiresite:Cookies.set('name','value');//Createacookiethatexpires7daysfromnow,validacrosstheenti...原创 2021-02-18 13:45:02 · 916 阅读 · 0 评论 -
FullCalendar中文文档：API
FullCalendar提供了丰富的属性设置和方法调用，开发者可以根据FullCalendar提供的API快速完成一个日历日程的开发，本文将FullCalendar的常用属性和方法、回调函数等整理成中文文档，以供参阅。当前版本1.6.4。普通显示设置属性 描述 默认值 header 设置日历头部信息。 如果设置为false，则不显示头部信息。包括left，center,right左中右三个位置，每个位置都可以对应以下不同的配置： title: 显示当前月份/周/日信转载 2021-01-29 10:45:32 · 1020 阅读 · 0 评论 -
async和await 实现同步请求
注意：async外面的是异步的，await会阻塞！一，基本使用其实就是之前学过的异步函数，异步编程在函数前写一个ansyc，就转化为异步函数，返回的是一个promise对象，于是就可以使用await关键字，可以把异步函数写成同步函数的形式，极大地提高代码的可读性。原本的：axios.get('adata',{ params:{ id:123, name:'zhangsan' }}).then(function(ret){ console.log(ret)})原创 2021-01-27 09:39:04 · 2061 阅读 · 0 评论 -
移动端调试神器（eruda）
在移动端开发的过程中，经常是在chrome dev tools或者微信开发工具中调试好了但放入各种型号的手机或者app里就会出现问题。而在移动端想要看到数据就只能抓包，eruda能在页面生成一个控制台，你可以看接口数据，也可以打印数据，可以看到本地存储，大大方便了移动端的调试工作。使用方法在页面中引入eruda.min.js并执行方法<script src="http://eruda.liriliri.io/eruda.min.js"></script><scr转载 2020-12-28 09:55:41 · 7070 阅读 · 0 评论 -
java后台返回了一段js脚本，怎么直接执行
document.write(res.data)原创 2020-12-01 15:32:00 · 1165 阅读 · 1 评论 -
js常用正则表达式大全--如：数字，字符等
一、校验数字的表达式数字：^[0-9]*$n位的数字：^\d{n}$至少n位的数字：^\d{n,}$m-n位的数字：^\d{m,n}$零和非零开头的数字：^(0|[1-9][0-9]*)$非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$带1-2位小数的正数或负数：^(\-)?\d+(\.\d{1,2})?$正数、负数、和小数：^(\-|\+)?\d+(\.\d+)?$有两位小数的正实数：^[0-9]+(.[0-9]{2})?$有1~3位小数原创 2020-11-30 11:01:07 · 371 阅读 · 0 评论 -
常用正则表达式校验
/** * 各种正则表达式 * mobile 手机号 * email 电子邮箱 * password 密码【6-20位】 * integer 正整数【不包含0】 * money 金钱 * TINumber 纳税识别号 * IDCard 身份证 * userName 账户名称【汉字、字母、数字、“-”、“_”的组合】 * URL URL * TEL 固定电话 */// 手机号export const mobile = /^0?(13[0.原创 2020-11-30 10:25:38 · 403 阅读 · 0 评论 -
原型链、原型对象和构造函数的理解
js没有类的概念，通过原型和原型链实现继承。函数对象可以被实例化（有构造函数），普通函数不能实例化（没有构造函数）。prototype：原型对象，原型是函数所有，包含（构造函数和原型链）__proto__:原型链，原型链指向它所继承的原型对象，每个对象都有原型链，基类是ObjectConstructor：构造函数，new出的实例没有构造函数（有构造函数就能被实例化），指向该函数对象。fun Foo(){...}let f1 = new Foo();f1.__proto__ === F原创 2020-09-03 23:39:18 · 172 阅读 · 0 评论 -
bootstrap-datepicker使用，只显示年，显示年月，显示日 三种情况
插件下载地址：https://github.com/uxsolutions/bootstrap-datepicker使用：引入dist文件夹下面这三个文件<script src="./whdp/config/lib/datepicker/bootstrap-datepicker.min.js"></script><script src="./whdp/config/lib/datepicker/bootstrap-datepicker.zh-CN.min.js"原创 2020-06-30 12:02:24 · 2551 阅读 · 0 评论 -
echart世界地图，以中国为中心的world.js
链接为大家提供未压缩版的world.js（以中国为中心和以欧洲为中心两个版本）和china.js以及中国各省市js文件原创 2020-05-13 09:45:34 · 11195 阅读 · 14 评论 -
swiper匀速滚动
jsvar mySwiper = new Swiper('.swiper-container', { autoplay: { disableOnInteraction: false, delay: 0 }, speed: 5000, direction: 'vertical', loop: true })css.swiper-container{ h原创 2020-05-12 23:24:05 · 1784 阅读 · 0 评论 -
js css3翻页数字时钟代码
下载地址：https://download.youkuaiyun.com/download/liming1016/12407089原创 2020-05-10 23:06:28 · 621 阅读 · 0 评论 -
js获取时间（年月日时分秒）
function tick() { var date = new Date(); this.year = date.getFullYear(); this.month = date.getMonth() + 1; this.date = date.getDate(); this.day = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六")[date.getDa...原创 2020-05-10 22:15:21 · 561 阅读 · 0 评论 -
js移动端自适应动态设置html的fontsize
JS设计移动端页面时会遇到自适应问题，大多数都知道用rem来设置页面的比例大小，下面就来说几种常见的html中的fontsize设置方法：1.使用flexible.js插件库。 淘宝就是利用这个来设置的。重点说下第二种方法；2.以下是比较简介的方法： $(function(){ initpage(); $(window).resize(function() { initpage(); }) .原创 2020-05-10 22:11:25 · 670 阅读 · 0 评论 -
jQuery NProgress.js加载进度插件的简单使用方法
NProgress是基于jquery的，且版本要 >1.8 。这篇文章主要介绍了NProgress.js加载进度插件的简单使用方法,需要的朋友可以参考下：NProgress.js 说明: NProgress是基于jquery的，且版本要 >1.8 下载地址:https://github.com/rstacruz/nprogress API: NProgress.start() — 启动进度条NProgress.set(0.4) — 将进度设置到具体的百分比位置..原创 2020-05-09 18:03:28 · 927 阅读 · 0 评论 -
honeySwitch API
源码下载https://download.youkuaiyun.com/download/liming1016/12400888如何快速使用1.引入honeySwitch.css，honeySwitch.js2.例如：<span class="switch-off"></span>switch-off表示默认关闭，switch-on表示默认开启如何禁用元素添加class:switch-disabled.例如开启禁用：<span>class="swi...原创 2020-05-08 17:57:08 · 724 阅读 · 0 评论 -
swiper手动滑动之后自动轮播失效的解决方法
解决方法<script> var mySwiper = new Swiper('.swiper-container',{ autoplay: { disableOnInteraction: false, delay:2000, },})</script>用户操作swiper之后，是否禁止autoplay。默认为true：停止。...原创 2020-04-29 09:17:02 · 1553 阅读 · 0 评论 -
jquery获取复选框的值
//jquery获取复选框值var chk_value =[];//定义一个数组$('input[name="zjc"]:checked').each(function(){//遍历每一个名字为interest的复选框，其中选中的执行函数 chk_value.push($(this).val());//将选中的值添加到数组chk_value中});...原创 2020-04-24 15:23:36 · 303 阅读 · 0 评论 -
四种常见的post请求中的参数形式
1）、HTTP 协议是以ASCII 码传输，建立在 TCP/IP 协议之上的应用层规范。规范把 HTTP 请求分为三个部分：状态行、请求头、消息主体。2）、协议规定 POST 提交的数据必须放在消息主体（entity-body）中，但协议并没有规定数据必须使用什么编码方式。实际上，开发者完全可以自己决定消息主体的格式，只要最后发送的 HTTP 请求满足上面的格式就可以。3）、数据发送出...原创 2020-04-23 23:31:32 · 522 阅读 · 0 评论 -
JavaScript生成指定范围的时间列表
遇到一个场景，需要拿到指定时间范围内的每一天，满足格式"YYYYMMDD",简单的功能，简单的思路准备 date对象有很多的方法，用到了以下： new date ()生成date对象，可以直接指定年月日等，new date(year,month,day) getFullYear() 返回date对象中的年份 getMonth() 返回date对象中的月份（0~11...原创 2020-04-23 17:05:26 · 1828 阅读 · 0 评论 -
百度地图API的简单使用
jsdemo：http://lbsyun.baidu.com/jsdemo.htm#a1_2<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" ...原创 2020-03-17 23:47:22 · 246 阅读 · 0 评论 -
HTTP请求中的header query 和body
HTTP 请求中 header query 和 body的区别header显而易见是请求头query是指请求的参数，一般是指URL中？后面的参数 如：http://10.6.6.6:8080/api/v1/namespaces?pretty=true中 pretty=true就是querybody是指请求体中的数据...转载 2020-03-05 22:44:53 · 3028 阅读 · 0 评论 -
swiper简单使用示例
<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>Swiper demo</title> <!-- Link Swiper's CSS --> <link rel="stylesheet" href="...原创 2020-03-03 12:30:08 · 551 阅读 · 0 评论