分类：JS

2021
04-07

利用js实现Ajax并发请求限制请求数量的示例代码

出现问题描述：当不确定异步请求个数时，为防止当一瞬间发生上百个http请求时，导致堆积了无数调用栈进而导致内存溢出问题。要求：将同一时刻并发请求数量控制在3个以内，同时还要尽可能快速的拿到响应的结果。同面试问题：实现一个批量请求函数multiRequest(urls,maxNum)，要求如下：要求最大并发数 maxNum每当有一个请求返回，就留下一个空位，可以增加新的请求所有请求完成后，结果按照 urls 里面的顺序... 继续阅读 >
2021
04-07

使用JavaScript 实现时间轴与动画效果的示例代码(前端组件化)

使用JavaScript 实现时间轴与动画效果的示例代码(前端组件化) 上一篇文章《用JSX实现Carousel轮播组件》中，我们实现了一个“基础”的轮播组件。为什么我们叫它“基础”呢？因为其实它看起来已经可以满足我们轮播组件的功能，但是其实它还有很多缺陷我们是没有去完善的。虽然我们已经在里面实现了两个功能，一是可以自动轮播，二是可以手势拖拽。但是其实它离一个真正意义上的可用程度还是有很远的距离的。首先我们的自动轮播和拖拽是无法无缝连接的，也就是说当我们拖拽结束后，我们... 继续阅读 >
2021
04-07

javascript模拟实现计算器

本文实例为大家分享了javascript模拟实现计算器的具体代码，供大家参考，具体内容如下功能:1、实现单击按钮录入数字2、实现基础四则运算功能，并添加必要的异常处理。3、实现小数点功能并添加异常处理：小数点只能出现一次4、实现正负号功能5、实现退位功能，已经是最后一位时，显示框显示为06、AC清屏功能使用的知识点:1、利用大量的自定义函数实现业务逻辑2、灵活运用事件及事件处理3、培养异常处理的编程方法4、培养并实践利用... 继续阅读 >
2021
04-07

JavaScript代码实现简单日历效果

JavaScript代码实现简单日历效果 本文实例为大家分享了JavaScript实现简单日历效果的具体代码，供大家参考，具体内容如下效果如下：代码：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title><style>*{margin:0;padding:0;box-sizing:border-box;}#box{width:400p... 继续阅读 >
2021
04-07

js使用Canvas将多张图片合并成一张的实现代码

js使用Canvas将多张图片合并成一张的实现代码 解决方案functionmergeImgs(list){constimgDom=document.createElement('img')document.body.appendChild(imgDom)constcanvas=document.createElement('canvas')canvas.width=500canvas.height=500*list.lengthconstcontext=canvas.getContext('2d')list.map((item,index)=>{constimg=newImage()img.src=item//跨域img.crossOrigin='Anonymous'img.onload=()=>{context.drawImage... 继续阅读 >
2021
04-07

JavaScript实现简单的计算器功能

JavaScript实现简单的计算器功能 本文实例为大家分享了JavaScript实现简单计算器功能的具体代码，供大家参考，具体内容如下具体要求如下：实现代码：<html><head><metacharset="utf-8"><title>计算器</title><script>functionmyck(type){varnum1=document.getElementById("num1");varnum2=document.getElementById("num2");if(type==1){//计算操作varresult=parseInt(num1.value)+... 继续阅读 >
2021
03-30

使用Javascript开发sliding-nav带滑动条效果的导航插件

使用Javascript开发sliding-nav带滑动条效果的导航插件 本文介绍如何使用纯Javascript来开发一款简单的JS插件，本插件可以实现鼠标悬停在导航上时，下方的滑动条自动从当前菜单滑动到所选菜单当中去。本项目的源代码寄宿于GitHub，记得点小星星哦：https://github.com/dosboy0716/sliding-nav一、前言效果如下图：二、使用方法本插件只需要如下的三步，就可以在您的项目中使用：1、在</body>标记结束前，引用sliding-nav.js文件2、在需要滑动条的菜单容器上加类名sliding-nav，当前项使... 继续阅读 >
2021
03-30

详解c#与js的rsa加密互通

ASN.1 抽象语法表示（标记）ASN.1（AbstractSyntaxNotationOne）一种数据定义语言，描述了对数据进行表示、编码、传输和解码的数据格式。网络管理系统中的管理信息库（MIB)、应用程序的数据结构、协议数据单元(PDU)都是用ASN.1定义的。可以理解为ASN.1是对密钥结构定义的一种规范密钥结构类型PKCS#1RSAPublicKey::=SEQUENCE{modulusINTEGER,--npublicExponentINTEGER--e}RSAPrivateKey::=SEQUENCE... 继续阅读 >
2021
03-30

JavaScript 语句之常用 for 循环详解

JavaScript中循环语句不少，for、forin、forof和forEach循环，今天对比Array、Object、Set(ES6)、Map(ES6)四种数据结构循环语句支持的情况及区别。新建四种数据类型的测试数据letarr=[1,2,3,4,5,6];letobj={a:1,b:2,c:3};letmap=newMap([['a','a1'],['b','b2'],['c','c3']]);letset=newSet(['a','b','c']);1for普通for循环在Array中可以使用。遍历数组时，是遍历数组下标索引，通过下标... 继续阅读 >
2021
03-29

Java中将List拆分为多个小list集合的实现代码

前言：在平常写代码时候可能会遇到需要将一个大list拆分多个小list，进行一些业务处理。一、如何将List拆分为多个小list如何将List拆分多个小list，首先我们需要list.sublist这个方法如何使用。list.sublist(intfromIndex,inttoIndex)方法有两个参数。fromIndex：为起始索引（包含）toIndex：为终止索引（不包含）的子列表（List）但值得注意的是，返回的这个子列表的幕后其实还是原列表；也就是说，修改这个子列表，将导致原列... 继续阅读 >
2021
03-19

js实现弹框效果

本文实例为大家分享了js实现弹框效果的具体代码，供大家参考，具体内容如下利用display来控制弹窗的现实和隐藏<!--弹出层--><divid="popLayer"></div><!--黑色蒙版--><divid="popBox"><divclass="close">X</div><div><!--内容--></div></div>js：//点击关闭按钮varclose=document.querySelector(".close")close.onclick=function(){console.log("点击")varpopBox=document.getElementById("popB... 继续阅读 >
2021
03-16

js利用cookie实现记住用户页面操作

前言开发过程中，有时候会遇到一些类似需求，比如记住用户在浏览器层面所做的操作。之前做过一个功能，当时使用了一个拖拽插件展示一个类似九宫格的报表图，每个图形都可以显示和隐藏，如果用户点击了显示或隐藏按钮，那么下次进入系统时浏览器保留上一次的操作结果。核心部分是使用js对cookie进行操作，具体业务部分则是触发点击图形事件时，如果是隐藏，则将该图形对应的div从cookie中删除，点击显示时，将图形div写入cookie。本... 继续阅读 >