始末module js
js将后端返回的文件流导出，并自定义下载文件名（pdf导出）
这里调接口时记得加上responseType: 'blob' /** * @description: 下载文件 * @param {string} data 文件流 * @param {string} filename 文件名 * @return {*} */ export function dow ......
js中 ?? 与 || 的区别
都是根据前面的值来判断最终返回前面的值还是后面的值。 a ?? b a || b 判断的方法不同： 使用 ?? 时，只有 a 为 null 或者 undefined 时才会返回 b; 使用 || 时，a会先转化为布尔值判断，为 true 时返回a, false 返回b. ??更加适合在不知道变量是否 ......
js颜色的单词名称字符串转为rgb颜色值
将js单词名称如red,green,blue转为rgb颜色值, 暂时没找到什么特别的方法。网上找到了颜色名称与rgb值的对应表，然后构造成map获取rgb值。 代码放在: https://github.com/lxmghct/my-vue-components src/utils/color_con ......
wangeditor5 vue2 安装后运行报错 Error in ./node_modules/@wangeditor/editor/dist/index.esm.js
问题 解决方法: 原因就是引入的链接不对， 使用cnpm 、 npm、pnpm、yarn安装插件的时候，路径都是不一样的，所以要对应着改路径就可以了 链接：https://github.com/wangeditor-team/wangEditor/issues/4041 ......
开发在线客服系统聊天界面，JS实现相邻两条消息之间间隔小于3分钟，就不展示消息时间
我在开发一个客服聊天界面，每条消息都有发送时间，我想要实现相邻两条消息之间间隔小于3分钟的就不展示发送时间. 下面就是消息的JSON结构，里面的time就是发送时间 message = { "msg_id": 629255, "time": "2023-02-11 00:41:04", "conte ......
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 ......
程序报错 No module named 'PyQt5' 的解决方案
输入以下命令： 调出CMD直接执行： pip install PyQt5 -i https://pypi.douban.com/simple 运行结果如下： 完美解决！ 当然也可以运行 pip install PyQt5 -i https://pypi.tuna.tsinghua.edu.cn/si ......
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到该文件目录，输入指令进行压缩。具体 ......
网络框架重构之路plain2.0(c++23 without module) 环境
接下来本来就直接打算分享框架重构的具体环节，但重构的代码其实并没有完成太多，许多的实现细节在我心中还没有形成一个定型。由于最近回归岗位后，新的开发环境需要自己搭建，搭建的时间来说花了我整整一天的时间才勉强搞定。人们常说工欲善其事必先利其器，开发环境和工具是必不可少的，否则你会发现在接下来的过程中遇到 ......
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）、 ......