幻灯片 幻灯impress js
JS特殊用法
--集合排序 //排序 //打印排序前集合 console.log("排序前："+data); for(vari=0;i<data[0].length;i++){ for(varj=0;j<data[0].length-1-i;j++){ //相邻元素两两对比，元素交换，大的元素交换到后面 if(d ......
记录-js基础练习题
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 隔行换色（%）: window.onload = function() { var aLi = document.getElementsByTagName('li'); for(var i = 0; i < aLi.length; i++ ......
js EventLoop事件循环机制
1、js是单线程语言，其事件分为：同步任务和异步任务，异步任务分为宏任务与微任务； 2、执行顺序为：同步任务（主流程任务） > 微任务 > 宏任务 3、微任务：promise.then(fn) fn即会推入微任务队列 宏任务： setTimeout(fn1,time) fn1即会推入宏任务队列 ......
JS数字区间比较大小的写法
正确的写法： if (realValue >= 0 && realValue <= 5) { console.log('正确写法'); } 错误的写法： if (0 <= realValue <= 5) { console.log('错误写法'); } ......
js判断是否手机模式
function autoLoad() { var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs = sUserAg ......
使用js对tensorspace/three.js/webgl进行截图
使用js对tensorspace/three.js/webgl进行截图 问题分析 场景：在右侧，是 tensorspace库 使用three.js 调用webgl 对模型进行渲染的画面。我需要使用js对右侧画面进行截图，并保存至本地用于分析。 问题：对webgl进行截图需要进行一些特别的操作，使用h ......
关于node.js安装
总结：傻瓜式安装就行了，按照官方给的默认配置。 之前一直认为像网上的教程一样，将目录放到D盘比较好，也修改了环境变量。 在实际使用过程中发现许多问题，特别是当加入一些新配置或者全局安装的时候可能出现问题。 比如加入git cz新配置时，发现使用VS Code自带的git提交会报错。 结果排查出来是在 ......
【js】时间戳转时间 1680338700 =》2023-04-01 16:45:00
1 transformTimestamp (timestamp) { 2 let date = new Date(parseInt(timestamp) * 1000) 3 let Year = date.getFullYear() 4 let Moth = (date.getMonth() + 1 ......
python+playwright 学习-52 iframe 定位与操作元素，监听事件，执行JS脚本总结
前言 本篇全面总结关于iframe 的定位，iframe上元素的操作（输入框，点击等），iframe 上的事件监听 与iframe上执行JS脚本的总结。 iframe 对象的定位 定位iframe 对象，总的来说有四种方法 page.frame_locator(selector) 通过page对象直 ......
JS中Map、WeakMap和Object的区别
JavaScript中的Map、WeakMap和Object都是用于存储键值对的数据结构： 1. Map：Map是一种新的数据结构，它允许使用任何数据类型（包括对象和基本数据类型）作为键。Map的一些特性包括： - 保持键的插入顺序：当遍历Map时，键值对会按照插入顺序返回。- 键可以是任意类型：与 ......
【迭代器设计模式详解】C/Java/JS/Go/Python/TS不同语言实现
简介 迭代器模式（Iterator Pattern），是一种结构型设计模式。给数据对象构建一套按顺序访问集合对象元素的方式，而不需要知道数据对象的底层表示。 迭代器模式是与集合共存的，我们只要实现一个集合，就需要同时提供这个集合的迭代器，就像Java中的Collection，List、Set、Map ......
js报错：devtools failed to load source map : could no load content for
报错：DevTools failed to load source map: Could not load content for http://localhost:8000/css/bootstrap.min.css.map: HTTP error: status code 404, net::E ......
CKEditor粘贴图片自动上传到服务器(JS版)
如何做到 ueditor批量上传word图片？ 1、前端引用代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.d ......
Node.js的安装以及配置npm全局模块路径和缓存路径
Node.js的安装 官方链接：https://nodejs.org/en 安装过程不赘述，注意安装路径即可。 完成安装后最好配置一下npm全局模块路径和缓存路径，因为默认的npm全局模块路径和缓存路径在C盘 配置npm全局模块路径和缓存路径 首先，在nodejs安装路径下创建两个文件夹，作为npm ......
【JS】- 排序浅记（sort）
字母或数字，默认排序顺序为按字母升序 和 array.reverse() 配合可以实现倒序 array.sort() 在对象数据中，使用函数进行规则配置 var array = [{ num: 4 }, { num: 2 }, { num: 3 }]; // 从小到大 array.sort((a, ......
Three.js 进阶之旅：全景漫游-高阶版在线看房 🏡
Three.js 进阶之旅：全景漫游-高阶版在线看房 🏡 声明：本文涉及图文和模型素材仅用于个人学习、研究和欣赏，请勿二次修改、非法传播、转载、出版、商用、及进行其他获利行为。 摘要 专栏上篇文章《Three.js 进阶之旅：全景漫游-初阶移动相机版》中通过创建多个球体全景场景并移动相机和控制器的 ......
uglify-js制作min.js
uglify-js是一个小巧的js解析器、缩小器，用于压缩混淆js代码，压缩js文件时比较方便的小工具 安装：可安全局或安在单个项目，根据需求 npm install uglify-js -g or npm install uglify-js 使用：打开终端，cd到该文件目录，输入指令进行压缩。具体 ......
js 传递汉字 乱码_JavaScript 字符串反转乱码问题解决
https://blog.csdn.net/weixin_36483301/article/details/113451892 emoji表情和非常用字 实际解决中文编码问题，可以通过解码解决 js中使用decodeURL即可解决 ......
2023.04.16 - TS编译之后的JS不具备校验功能
TypeScript 编译后的 JavaScript 文件并不具备类型检查的功能，因为 JavaScript 语言本身是动态类型、弱类型的，在运行时无法推断变量的类型，只能在编译时推断。而将 TypeScript 文件编译成 JavaScript 文件时，会把 TypeScript 中的类型声明和类 ......
JS的for循环动态渲染html只有最后一个元素生效?
背景： 我想在html3个ul中动态生成5个子元素li 目标效果： 废话少说，代码直接梭起来~ 1. 先写html结构 <section class="list-box"> <ul id="myList"></ul> <ul id="myListOne"></ul> <ul id="myListTw ......
js动态查询指定class名的所有元素，querySelectorAll()和querySelectorAll()的区别
"document.querySelectorAll()"方法返回的是一个静态的 NodeList（节点列表），即它只能在页面刚加载时获取到一次，之后即使有新的元素符合选择器，它也不会再重新获取。如果你想动态地获取到新增的元素，可以使用 "document.getElementsByClassNam ......
js中在循环中使用正则表达式遇到的小坑
1、基本数据类型和引用数据类型 ECMAScript包括两个不同类型的值：基本数据类型和引用数据类型。 基本数据类型：Number、String、Boolen、Undefined、Null、Symbol、Bigint。 引用数据类型：也就是对象类型Object type，比如：对象（Object）、 ......
JS 获取电脑本地IP 和 电脑网络IP（外网IP|公网IP）
1、JS 获取电脑本地的IP地址（内网） function getIP(callback) { let recode = {}; let RTCPeerConnection = window.RTCPeerConnection || window.mozRTCPeerConnection || wi ......
js 异步任务执行顺序问题
js是单线程的（非阻塞的），实现方法就是事件循环； 分同步任务和异步任务； new Promise((resolve,reject) => { resolve(1) console.log('log1') }).then(() => { console.log('log2') }) console. ......
Vue3中（vite.config.js)配置打包的时候去除console.log
参考：https://www.cnblogs.com/lovewhatIlove/p/16476165.html 安装terser npm add -D terser vite中配置 import { defineConfig } from "vite"; import vue from "@vit ......
js 数组、对象转json 以及json转 数组、对象
1、JS对象转JSON 方式：JSON.stringify(obj) var json = {"name":"iphone","price":666}; //创建对象； var jsonStr = JSON.stringify(json); //转为JSON字符串 console.log(jsonS ......
js 浏览器中当前页下载文件
1 downloadImg(url:string,name:string):void{ 2 let xhr = new XMLHttpRequest(); 3 xhr.responseType = 'blob'; 4 xhr.open('GET', url); 5 xhr.send(); 6 xhr ......
transtale.js v1.1
function gc() { var name = "transLang="; var ca = document.cookie.split(';'); for (var i = 0; i < ca.length; i++) { var c = ca[i].trim(); if (c.indexO ......
js中的数组方法
js中数组方法大全 平常在写代码的时候，我们经常会用到数组这个类型，那么数组到底有多少方法，方法各自的作用又是什么呢？ 1. toString 作用： 把数组转换为数组值（逗号分隔）的字符串。 示例： Array.toString() 2. join 作用： 将所有数组元素结合为一个字符串。区别与t ......
关于js对象遍历保证顺序的问题
##Object.keys(obj).sort().forEach(...) , 注：仅用于对象的key值是可定义顺序的,如key值为时间错，数字等，通过sort(),可默认按照数组大小排序（也可通过sort的自定义函数排序） object.keys/values() 和 for in 不能保证对象 ......