幻灯片 幻灯impress js
js 检测开发者工具是否打开
封面 《Unless Terminalia》 [js 检测开发者工具是否打开 | qxdn 的乐园](https://qianxu.run/2023/01/26/js-check-devtool/) 前言 在使用浏览器对一些网站进行分析的时候经常会遇到打开开发者工具后跳出 debugger 或者说是 ......
在js中修改less文件内样式
title: "在js中修改less文件内样式" date: 2023-04-21T22:51:58+08:00 tags: ["React", "less", "JavaScript"] categories: ["前端篇"] 在项目中使用使用进度条时遇到了一点问题,根据需求进度条的百分比需要在条 ......
nvm、node.js、npm的安装和使用。
由于经常遇到不同项目使用依赖导致对node版本有不同要求，使得无法安装依赖，手动切换版本低效且麻烦，不便于管理所以使用nvm for windows来对node进行多版本管理。 ......
Vue JS项目 添加TypeScript
Vue JS项目 添加TypeScript 转载请注明来源 谢谢 git文件全部提交 必须全部提交 因为会改掉你的文件.很恶心. vue.config.js 添加下面内容 pages:{ index:{ entry:'src/main.js' } } 项目根目录运行 vue add typescri ......
JS/html5 文字转语音
var sound = function (text) { let utterance = new SpeechSynthesisUtterance(text); return window.speechSynthesis.speak(utterance); }; ......
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客户端配置 -- ......