foreach js
【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 不能保证对象 ......
Three.js教程:3D场景中插入新的几何体
推荐:将NSDT场景编辑器加入你3D工具链 其他工具系列:NSDT简石数字孪生 3D场景中插入新的几何体 前面课程绘制了一个立方体效果,下面通过three.js的球体构造函数SphereGeometry()在三维场景中添加一个球几何体。 SphereGeometry构造函数 SphereGeomet ......
JS 实现网络测速
JS 实现网络测速 一、背景知识 在日常生活中,有时候感觉网络卡,就想测一下网速是多少(明知道卡,但是还是想看看是否真的卡,害)。这时候我们可能会打开测速网 - 专业测网速, 网速测试, 宽带提速, 游戏测速, 直播测速, 5G测速, 物联网监测 - SpeedTest.cn,但是我们可以用 JS ......
记录-Vue.js模板编译过程揭秘:从模板字符串到渲染函数
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 Vue.js是一个基于组件化和响应式数据流的前端框架。当我们在Vue中编写模板代码时,它会被Vue编译器处理并转换为可被浏览器解析的JavaScript代码。Vue中的模板实际上是HTML标记和Vue指令的组合,它们会被Vue编译器处理并 ......
【js】setTimeout、Promise、Async/Await 的区别
三者在事件循环中的是不同的,事件循环中分为宏任务队列和微任务队列 其中setTimeout的回调函数放到宏任务队列里,等到执行栈清空以后执行; promise.then里的回调函数会放到相应宏任务的微任务队列里,等宏任务里面的同步代码执行完再执行; async函数表示函数里面可能会有异步方法,awa ......
JS函数:递归函数与迭代函数
1.递归函数 : 程序中调用自己的函数 程序调用自身的编程技巧称为 递归( recursion)。递归作为一种算法在程序设计语言中广泛应用。 一个过程或函数在其定义或说明中有直接或间接调用自身的一种方法,它通常把一个大型复杂的问题层层转化为一个与原问题相似的规模较小的问题来求解,递归策略只需少量的程 ......
vue通过Export2Excel.js进行导入excel,获取数据
<!-- 封装的模板下载和导入按钮和功能组件--> <template> <span style="margin-left: 10px"> <el-button size="mini" class="el-icon-download" @click="downFiles"> 下载模板</el-but ......