浮点js
js弹幕效果
Document <style> * { margin: 0; padding: 0; } div { width: 300px; height: 200px; background-color: aquamarine; } </style> <div></div> <input type="tex ......
js实现输入打字效果
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
js递归查询id所对应的节点，查询该节点的父节点，查询该节点的所有子节点
在工作项目中经常遇到树形结构的数据，而往往我们需要用递归来实现，下面就给大家列举常用的递归操作。 let treeList = [ { id: '1', name: '父一', children: [ { id: '1-1', name: '子一一', children: [ { id: '1-1- ......
JS 树（数组存储）进行递归遍历获取路径
JS 树（数组存储）进行递归遍历获取路径 实现功能：通过叶子节点 id ，寻找包含该叶子节点的整条路径。（树的数据以数组形式保存） 直接上代码： const getPathByKey = (curKey, data) => { let result = []; // 记录路径结果 let trave ......
JS精度丢失
Javascript是非数据安全类型的语言，所以JS尾数精度有丢失的问题 Number类型 通过查阅JS官方文档 在JS定义的浮点数会自动转换为Number类型，Number类型是一个双精度64位浮点数，二进制存储格式执行IEEE 754标准 通过查阅维基百科，64位二进制格式IEEE 754的定义 ......
记一次从JS到内网的横向案例
前言前段时间参加了一场攻防演练，使用常规漏洞尝试未果后，想到不少师傅分享过从JS中寻找突破的文章，于是硬着头皮刚起了JS，最终打开了内网入口获取了靶标权限和个人信息。在此分享一下过程。声明：本次演练中，所有测试设备均由主办方提供，所有流量均有留档可审计，所有操作均在授权下完成，所有数据在结束后均已安 ......
【观察者设计模式详解】C/Java/JS/Go/Python/TS不同语言实现
简介 观察者模式（Observer Pattern）是一种行为型模式。它定义对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都得到通知并被自动更新。 观察者模式使用三个类Subject、Observer和Client。Subject对象带有绑定观察者到Client对象和从 ......
js 时间格式化函数
function dateFormat(time, fmStr) { const weekCN = '一二三四五六日' const weekEN = ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunda ......
Three.js教程：顶点位置数据解析渲染
推荐：将NSDT场景编辑器加入你3D工具链 其他工具系列：NSDT简石数字孪生 顶点位置数据解析渲染 如果你没有WebGL基础，可以先不用记忆每个的threejs 具体内容，有一个大致印象即可，学习本节课的重点是建立顶点的概念。如果你建立了顶点的概念，那么对于你深入理解学习Three.js很有帮助。 ......
js中的XMLHttpRequest、websocket使用
一、XMLHttpRequest 发送请求 创建XMLHttpRequest实例 let xhr = new XMLHttpRequest(); 初始化 xhr.open(method, URL, [async, user, password]) method：HTTP方法，通常'GET'或者'PO ......
js promise 中使用 setTimeout 实现暂停执行
在使用 promise 时，需要使用 setTimeout 来进行延时执行 对 promise 还不太熟悉的同学可能第一时间想到的是这样的写法 如： run(); async function run() { console.log('1'); // 等待两秒之后执行 setTimeout(() = ......
JS的对象比较，JS的数组比较
1 js判断两个数组相等的5种方法实例 一、 toString() 当两个数组元素类型相同，顺序相同时，直接判断是否相等，结果不相等；转化为字符串后，结果相等 [1,2,3].toString() [1, 2, 3].toString(); // true [1,2,3].toString() [' ......
Node.js
nodejs到底是什么？ nodejs是一个开源的，跨平台的JavaScript运行环境；是JavaScript运行的平台，类似于浏览器。不是框架，不是库，也不是语言。通俗来说，就是一款应用程序，它可以运行JavaScript。 运行平台：一般就是指一个代码的运行环境；作用是：开发者可以使用指定的编 ......
Vue3 代码块高亮显示并可使用富文本编辑器编辑（highlight.js + wangEditor）
在Vue项目中实现以下功能： 功能1. 在页面中显示代码，并将其中的关键字高亮显示。 功能2. 允许对代码块进行编辑，编辑时代码关键字也高亮显示。 功能3. 可在编辑器中添加多个代码块，动态渲染代码关键字高亮。 Step1: 安装所需插件(本文使用npm安装，若需使用其他方式请查阅官方文档) 安装代 ......
js实现画布绘图、橡皮擦除、刮刮卡效果
关键节点只有两处 pen.globalCompositeOperation = 'destination-out'; 通过背景图片实现擦除后仍保留底层图片效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta h ......
js 实现字符串反转
1.情景展示 在JavaScript当中，如何实现字符串倒转（倒置、反转）？ 2.具体分析 数组Array实现元素倒转，有专门的函数reserve()，我们直接调用即可。 为了使用这个功能，我们可以把字符串先拆分成数组，然后，再调用反转函数，最后再拼成字符串。 3.解决方案 以字符串：Marydon ......
JS课堂笔记（4.11-4.16）
一、简单了解JS 1. JavaScript（简称JS）是作为开发Web页面的脚本语言。 2. JS是从1995年由网景公司的布兰德开发。 3. JavaScript的标准是ECMAScript。 4. JS代码是从上往下执行的。 二、变量 1. 变量名的值可以重复赋值（值可以修改），变量可以重复声 ......
JS中的进程和线程
进程和线程都是计算机中的概念，用于描述程序执行时的运行单位。 进程是指正在运行的程序的实例，包括程序代码、数据、堆栈和资源等。 每个进程都拥有独立的地址空间，因此不同进程之间的数据无法直接访问，只能通过进程间通信的方式进行交互。 线程是进程中的一个执行单元，一个进程可以包含多个线程，每个线程共享进程 ......
Three.js 中的 Reflector 类
说明 Reflector 是 three.js 中的一个类，用于创建反射效果的对象。它继承自 Mesh，可以添加到场景中作为一个可渲染的物体。 Reflector 的构造函数如下： constructor(geometry?: BufferGeometry, options?: ReflectorO ......
js的forEach()方法，获取索引值index
forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。用法： 1、forEach有3个参数： 第一个参数可以获取循环一遍的值； 第二个参数可以获取当前元素的索引值（下标）； 第三个参数可以获取当前数组； 例： var arr=[1,2,3,4] arr.forEach(functi ......
记录-JS简单实现购物车图片局部放大预览效果
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 一、实现效果 二、代码实现 代码不多，先看一下 HTML 里面结构很简单，初始化 MagnifyingGlass 对象来关联一个 IMG 标签来实现放大。 <!DOCTYPE html> <html> <head> <meta chars ......
页面间的js方法调用
问题描述 在页面A的方法中调用layer.open打开了一个新页面（页面B） 页面B中有一个iframe标签，iframe标签链接了另一个页面（页面C） 页面A需要调用页面C的某个方法 解决方案 一级一级的来，先解决然后调用页面B，然后再解决如何调用页面C 页面C中添加一个方法 function t ......
Day 26 26.1 JS进阶之JS对象
JS进阶之JS对象 【一】、字符串对象 字符串创建(两种方式) 变量 = “字符串” 字串对象名称 = new String (字符串) var str1="hello world"; //推荐 var str1= new String("hello word"); // 字符串对象的操作 var ......
node.js使用Nodemailer发送邮件
引言 -- 常常看到一些网站有邮箱获取验证码验证注册或者修改密码等，今天也来了解一下在nodejs + express怎么发送电子邮件。使用模块Nodemailer。这里以qq邮箱举例子。 安装模块 -- npm install Nodemailer --save 创建一个SMTP客户端配置 -- ......
js中===和==的区别
JS 中 == 是相同的意思， 严格相同 （1）操作数1 == 操作数2：也就是进行双等号比较时，先检查两个操作数的数据类型，如果相同，就进行 的比较，如果不同，则进行一次类型转换，转为相同类型后再进行比较 比较过程： a）如果两个值类型相同，再进行三个等号的比较 b）如果两个值类型不同，这样也还是 ......
Vue3，使用 JS 调用弹窗组件，并实现关闭弹窗组件时销毁组件
需要对一个弹窗组件进行改造，使其能用 JS 调用，并实现关闭弹窗组件时销毁组件 原始弹窗组件 Popup.vue <template> <van-overlay :show="visible" > <div class="overlay-wrapper"> <div class="container ......
a标签onclick事件传值(传递属性值)，js接值读取
1、layui模板书写的a标签 <a href="#" onclick="downloadf(this)" type="{{d}}" bakname={{d.bakname}} bakurl={{d.bakurl}}> <i class="us-icon"></i>下载 </a> 2 ......
Module not found: Error: Can‘t resolve ‘js-cookie‘
Module not found: Error: Can‘t resolve ‘js-cookie‘ 原因：没有安装js-cookie 解决：npm install -save js-cookie ......