页面driver js
js 获取 image 原始高度
1. 新版浏览器 ```js // 这个 api 仅支持新版本浏览器, 旧版还是得创建一个内部图片 setTimeout(() => { let imgRef = this.$refs.img this.imgWidth = imgRef.naturalWidth this.imgHeight = ......
js 复习
所有的数组方法 concat 连接两个或更多的数组，并返回结果 copyWithin 从数组指定位置拷贝到数组的另一个指定位置中 entries 返回数组的可迭代对象 every 检测数值元素，判断是否每个元素都符合条件 fill 使用一个固定值来填充数组 filter 过滤 find 返回符合条件 ......
前端之vue3的setup和setup的2个的形参、响应式页面
# setup setup是个函数, 包含数据、方法等，是组合api的“舞台”。 setup返回值： 1.对象，其中的属性、方法都可以在模板中直接使用 2.渲染含数（了解就好） ``` export default { name: "App", components: {}, setup() { / ......
前端JS的面向对象写法还是挺好玩的—class继承、实现
class FormDataDTO1 { id; name; sex; remark; } class FormDataDTO2 extends FormDataDTO1 { age; address; } const formData1 = new FormDataDTO1(); const fo ......
在node项目中使用log4.js记录日志
## 1. 在项目根目录创建保存日志文件的文件夹logs  ## 2. 修改 .gitignore 文件， 添加log ......
Python excejs 执行js文件的时候 报编码错误的问题
##问题 ###执行js的时候报图中的编码错误，直接执行js文件时能正常编译，在网上未找到关于这个问题的文章 头疼了好久 最终在各位大佬的帮助下解决了问题，便记录了下来： 】 https://www.bilibili.com/video/BV1834y1676P/?p=26&share_source=copy_web&vd_source=03c1dc52ee ......
文档在线预览（三）使用js前端实现word、excel、pdf、ppt 在线预览
@[toc] 关于实现文档在线预览的做法，之前文章提到了的两种实现方式： 1、通过将文档转成图片：详见[《文档在线预览（一）通过将txt、word、pdf转成图片实现在线预览功能》](https://blog.csdn.net/q2qwert/article/details/130884607)； ......
页面的错误监听方式
页面中的代码建议都加上try/catch，它能捕获常规运行错误，但是语法错误和异步错误不行。 ``` try { console.log(notdefined); } catch(e) { console.log('捕获到异常：', e); } ``` window.onerror能捕获常规运行错误 ......
前端返回时直接关闭页面
任务场景是，企业微信环境下，通过鉴权页面跳转到目标页面，但是目标页面返回总是跳回到鉴权页面，然后又直接跳到目标页面了，导致页面关闭异常。 提供解决方式：监听页面返回事件，在手动关闭页面。 前端用的环境是vue。 ``` // 挂载时 mounted () { history.pushState(nu ......
js应用-猜数字
之前学习循环的时候，做过一个游戏“猜数字”的练习。 这里主要利用js对css的控制，来重现这个游戏。 设计外观： 根据设计制作html 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title></title> 6 ......
js应用--简单计算器
先根据常见计算器设计界面的大致布局： 根据以前的html和css知识，在页面上实现大致的样子 html(index.html)： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title>简单计算器</title> ......
Three.js教程：对象克隆、复制
推荐：将NSDT场景编辑器加入你的3D工具链 其他系列工具：NSDT简石数字孪生 对象克隆.clone()和复制.copy() Threejs大多数对象都有克隆.clone()和复制.copy()两个方法,点模型Points、线模型Line、网格网格模型Mesh一样具有这两个方法。 复制方法.cop ......
js 以多字段为维度汇总某一字段值
# js 以多字段为维度汇总某一字段值 JavaScript可以以多个字段为维度进行汇总。你可以使用多个for循环或forEach循环，针对每个字段进行分组。然后使用reduce方法进行汇总。举个例子，假设你有一个数组数据如下： ```javascript let data = [{ name: ' ......
JS中的事件监听
JavaScript的事件监听是一种机制，用于在HTML文档中的元素上注册事件处理程序，以便在特定事件发生时执行相应的JavaScript代码。 事件监听的基本思想是将事件处理程序（也称为事件回调函数）绑定到特定的事件上。所谓特定的事件是当用户与页面进行交互时，比如点击按钮、键盘输入、鼠标移动等，浏 ......
2023-05-30 前端h5页面如何实现调起微信支付功能（该回答来自chatgpt，实际效果未测试）
前端H5页面调起微信支付功能需要结合微信JS-SDK和后端接口实现。以下是基本步骤和示例代码： 1.获取微信公众号的appid和secret 在微信公众平台上创建一个公众号，获取其对应的appid和secret。 2.引入微信JS-SDK 将微信JS-SDK的链接放入HTML文件的头部，例如： <s ......
JS判断视频Video的播放、暂停、结束完成及获取长度事件监听处理
在日常应用场景中，可能会遇到这么一个情况，需要判断用户是否完整的观看完了一部视频，在这个场景中，和视频相关的事件大体涉及到几个部分，获取视频长度，视频开始播放，暂停播放和播放结束，下面来看下如何通过JavaScript来监听获取视频的这几种状态。 （1）html页面视频标签大体如下 <video i ......
JS中的箭头函数与this
# JS中的箭头函数与this ``` JavaScript在ES6语法中新增了箭头函数，相较于传统函数，箭头函数不仅更加简洁，而且在this方面进行了改进。this作为JavaScript中比较诡异的存在，许多文章对于this的解释也不尽相同，本篇文章试图厘清JS中函数与this的关系。 ``` ......
Node.js 究竟是什么？初学者指南
如果您正在考虑使用 JavaScript 进行后端开发，您会听到术语“Node.js”。Node 通常与开发强大的 Web 服务器相关联。 但 Node.js 到底是什么？它是像Angular一样的 JavaScript 框架吗？它是一种编程语言吗？它是一个 JavaScript 库吗？它是一组技术 ......
统计同名数据基于html js
# 1.教程 1将数据逐行复制到excell2.新建txt文件，将excell中的全部数据复制到txt文件中3.使用edge打开统计同名数据.html,右击网页打开控制台4.选择txt文件，确认，会在控制台展示结果点击 # 2.数据示例 可以有空格，回车，形式为： 名称 数量 ```DN150球铁平 ......
js-01_数组
## 数组的常用方法 ### 数组常用方法之 push * `push` 是用来在数组的末尾追加一个元素 ```javascript var arr = [1, 2, 3] // 使用 push 方法追加一个元素在末尾 arr.push(4) console.log(arr) // [1, 2, 3 ......
can't not find Node.js binary ''path",make sure Node.js is installed and in your PATH,or set
vscode中node执行debug报错 报错信息如下 思路1：检查node是否安装成功 win + R 输入cmd 能够正常显示版本号,则证明没有问题，接着换个思路 思路2：根据提示打开图示的'launch.json'文件，在页面补充 runtimeExecutable 具体补充什么内容呢？ 在o ......
js补环境会用到的代码
``` let obj = window.location let names=Object.getOwnPropertyNames(obj) let new_map = {} for(let key of names){ var value =obj[key] if (typeof (value) ......
lifecycle in react.js
摘抄自react in action ， see chapter4: 直接上图： DEFINITION Mounting is the process of React inserting your components into the real DOM. Once done, your comp ......
js对象转存到外层对象内
if (res.data.dataList) { res.data.dataList.forEach(function (aRow) { Object.keys(aRow).forEach(function (prop) { if (typeof aRow[prop] "string") { aRo ......
js实现文本自动补位0或者其他字符串
使用js 自带的 padStart()方法 和 padEnd()方法 1、padStart()方法是ES2017中引入的一种字符串填充方法，可以在字符串的左侧添加指定数量的字符以达到规定的长度。 padStart() 方法有两个参数： padLength 是填充后的结果字符串的长度。如果 padLe ......
html告诉浏览器不要缓存错误页面
如果您在浏览器中点击后退按钮，则浏览器将重新加载之前的请求，并显示 404 错误页面内容。这是因为浏览器会缓存错误页面内容，并在您点击后退按钮时从缓存中加载之前的请求结果，而不会重新向服务器发出请求。 为了避免这种情况的发生，您可以设置缓存控制来确保浏览器不会缓存错误页面。在自定义的 404 页面中 ......
去往js函数式编程(2)
Memoization：备忘录技术。由于纯函数对于给定的输入失踪产生相同的输出，所以可以缓存函数的结果，避免可能昂贵的重新计算。这个过程意味着只在第一次计算表达式并将结果缓存起来，供后续调用使用，称为备忘录技术。 斐波那契数列常用于此示例，因为它简单切隐藏了计算成本。当 n=0 时，fib(n)=0 ......
sockjs.js:1603 GET http://localhost/sockjs-node/info?t=1685340190468 net::ERR_CONNECTION_REFUSED
vue项目报错 不影响运行，但控制台看到这报错，属实不舒服 解决方法： 进入 \node_modules\sockjs-client\dist\sockjs.js 注释1603行 刷新页面，没报错了 ......