浮点js
记录--Js基础练习题目
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1.使用js，在页面中打印以下图案 提示： document.write可以在页面中打印内容<br>在html中代表换行, 在html中代码空格 for(var i=0;i<7;i++){ // 空格部分 for(var j=7;j>i; ......
JS监听dom高度变化方法总结
前沿： 有时候我们需要监听dom的变化，比如获取父元素的高度，动态的设置子元素的高度，所以需要监听 dom 的高度变化，才能准确获取dom的高度，那么有哪些监听dom高度变化的方法呢？今天简单列举一下。 1、MutationObserver 构造函数 Mutation Observer API 用来 ......
去往js函数式编程(4)
## 日志记录 在调试代码时，通常需要添加一些日志信息来查看函数是否被调用，使用了哪些参数，返回了什么等等。 ```javascript function someFunction(p1, p2, p3) { console.log('enter', p1, p2, p3) // do... // ......
Web - js数组对象去重
let arr = [{ id: '1', key: '1', value: '明月' }, { id: '3', key: '2', value: '可欣' } }] Map()方法 set方法设置key所对应的键值，然后返回整个Map结构。如果key已经有值，则键值会被更新，否则就新生成该键。v ......
JS大文件分片上传/多线程上传
一、概述 所谓断点续传，其实只是指下载，也就是要从文件已经下载的地方开始继续下载。在以前版本的HTTP协议是不支持断点的，HTTP/1.1开始就支持了。一般断点下载时才用到Range和Content-Range实体头。HTTP协议本身不支持断点上传，需要自己实现。 二、Range 用于请求头中， ......
Turn.js网站移动端翻页功能
Html页面代码如下： <html> <head> <!-- content type --> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <!-- viewport --> <meta content="w ......
JS逆向实战15——猿人学第五题 动态cookie乱码增强
# 声明 本文章中所有内容仅供学习交流，抓包内容、敏感网址、数据接口均已做脱敏处理，严禁用于商业用途和非法用途，否则由此产生的一切后果均与作者无关，若有侵权，请联系我立即删除！ # 网站 > https://match.yuanrenxue.cn/match/5 # 网站分析 首先 刚进入页面即显示 ......
JS_0076：JS 中变量前面的加号 +
1， // null：返回 0 console.info(+null) // => 0 // undefined：返回 NaN console.info(+undefined) // => NaN // 获取当前的时间戳，相当于`new Date().getTime()` console.info( ......
JS的严格模式
JavaScript的严格模式（Strict Mode）是一种在代码中启用的特殊模式，用于提供更严格的语法和错误检查，以改善代码质量和增强安全性。使用严格模式可以帮助大家避免一些常见的错误，并禁用一些不推荐使用的特性。 要启用严格模式，可以在代码的顶部或函数体的开头添加以下语句： "use stri ......
jquery.qrcode.js 和 jQuery.print.js 简单使用
最近因为需要在前端生成二维码并打印二维码及相关内容，使用了jquery，jquery.qrcode.js，jQuery.print.js来实现 ### 代码 ``` 姓名: 张三性别: 女身份证: 44044019990217444X体检日期: 20230530识别号: 20230530440440 ......
js中的宏任务和微任务
一、初识宏任务和微任务 在JavaScript中，有两类异步任务队列：宏任务队列（macrotasks）和微任务队列（microtasks）。宏任务队列可以有多个，微任务队列只有一个。 1、宏任务（macrotasks）：就是JS 内部（任务队列里）的任务，严格按照时间顺序压栈和执行。如： scri ......
js判断本页面被 iframe 嵌套
<!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函数式编程(3)
我们将使用接下来的函数实现：让你更具有声明性，你会发现自己的关注点将转移到你需要什么，而不是如何做；繁琐的细节被隐藏在我们的函数内部。我们将不再编写一系列可能嵌套的 for 循环，而是专注于使用函数作为构建快来制定我们期望的结果。 使用 reduce()操作可以得到单个值；使用 map()可以得到一 ......
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 返回符合条件 ......
前端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文件时能正常编译，在网上未找到关于这个问题的文章 头疼了好久 最终在各位大佬的帮助下解决了问题，便记录了下来： ； ......
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代码。 事件监听的基本思想是将事件处理程序（也称为事件回调函数）绑定到特定的事件上。所谓特定的事件是当用户与页面进行交互时，比如点击按钮、键盘输入、鼠标移动等，浏 ......
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球铁平 ......