节点string html js
前端JS的面向对象写法还是挺好玩的—class继承、实现
class FormDataDTO1 { id; name; sex; remark; } class FormDataDTO2 extends FormDataDTO1 { age; address; } const formData1 = new FormDataDTO1(); const fo ......
k8s节点宕机排查
查看集群信息发现节点宕机 排查：1、查看服务器的物理环境free -mh/df -h2、查看内存是否溢出，磁盘空间是否够用，经查均在正常使用范围内；3、top查看cpu使用状态，在可用范围内；4、再查master组件scheduer，controller-manager，apiserver等都在正常 ......
在node项目中使用log4.js记录日志
## 1. 在项目根目录创建保存日志文件的文件夹logs  ## 2. 修改 .gitignore 文件， 添加log ......
Python excejs 执行js文件的时候 报编码错误的问题
##问题 ###执行js的时候报图中的编码错误，直接执行js文件时能正常编译，在网上未找到关于这个问题的文章 头疼了好久 最终在各位大佬的帮助下解决了问题，便记录了下来： ； ......
DOM常见节点操作
js可以控制html中的节点，常见的是添加和删除操作。 在掌握了节点的选择之后，我们来看如何创造一个节点。 1 let t=document.createElement("div"); 该命令创造了一个div节点（标签），赋值给t。 我们可以对其属性进行设置 1 t.className="c1"; ......
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 ......
文档在线预览（二）word、pdf文件转html以实现文档在线预览
@[toc] 实现文档在线预览的方式除了上篇文章[《文档在线预览（一）通过将txt、word、pdf转成图片实现在线预览功能》](https://blog.csdn.net/q2qwert/article/details/130884607)说的将文档转成图片的实现方式外，还有转成pdf，前端通过p ......
js 以多字段为维度汇总某一字段值
# js 以多字段为维度汇总某一字段值 JavaScript可以以多个字段为维度进行汇总。你可以使用多个for循环或forEach循环，针对每个字段进行分组。然后使用reduce方法进行汇总。举个例子，假设你有一个数组数据如下： ```javascript let data = [{ name: ' ......
JS中的事件监听
JavaScript的事件监听是一种机制，用于在HTML文档中的元素上注册事件处理程序，以便在特定事件发生时执行相应的JavaScript代码。 事件监听的基本思想是将事件处理程序（也称为事件回调函数）绑定到特定的事件上。所谓特定的事件是当用户与页面进行交互时，比如点击按钮、键盘输入、鼠标移动等，浏 ......
代码随想录算法训练营第16天 | ● 104.二叉树的最大深度 559.n叉树的最大深度 ● 111.二叉树的最小深度 ● 222.完全二叉树的节点个数 - 第6章 二叉树 part03
第六章 二叉树part03 今日内容： ● 104.二叉树的最大深度 559.n叉树的最大深度 ● 111.二叉树的最小深度 ● 222.完全二叉树的节点个数 迭代法，大家可以直接过，二刷有精力的时候 再去掌握迭代法。 详细布置 104.二叉树的最大深度 （优先掌握递归） 什么是深度，什么是高度，如 ......
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标签大全
1.1 HTML语法规则： 1.HTML 标签是由尖括号包围的关键词，例如 <html>。2.HTML 标签通常是成对出现的，例如 <html> 和 </html> ，我们称为**双标签**。3.签。标签对中的第一个标签是开始标签，第二个标签是结束标签。 有些特殊的标签必须是单个标签（极少情况），例 ......
统计同名数据基于html js
# 1.教程 1将数据逐行复制到excell2.新建txt文件，将excell中的全部数据复制到txt文件中3.使用edge打开统计同名数据.html,右击网页打开控制台4.选择txt文件，确认，会在控制台展示结果点击 # 2.数据示例 可以有空格，回车，形式为： 名称 数量 ```DN150球铁平 ......
Vue3 ，html 修改滚动条样式
``` /* 滚动条 */ body *::-webkit-scrollbar { width: 5px; height: 10px; } body *::-webkit-scrollbar-track { background: #fff; border-radius: 2px; } body * ......
tailwindcss在使用cdn引入静态html的时候，使用vscode代码提示
原文： Hey! The Intellisense extension does need a config file to work today. I would suggest creating one in your project root to enable the extension. ......
Java-Day-25（ 字节输入流 + FileInputStream 和 FileOutputStream + FileReader 和 FileWriter + 节点流和处理流 ）
# Java-Day-25 ## InputStream ( 字节输入流 )  - InputStream 抽象 ......
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 ......
html+css实现二级导航栏效果，简单易看懂噢！
这应该是这几天以来看到的最简单易懂的有二级菜单栏的导航栏效果实现了 使用html+css实现，看了好几天导航栏的实现方式，要么是太复杂的需要JS或者框架的，要么是太简单仅仅使用div和超链接的， 再要么就是只有简单的一级导航，没有二级菜单栏的，心情复杂 就想找一个有二级菜单栏，使用html+css实 ......
js实现文本自动补位0或者其他字符串
使用js 自带的 padStart()方法 和 padEnd()方法 1、padStart()方法是ES2017中引入的一种字符串填充方法，可以在字符串的左侧添加指定数量的字符以达到规定的长度。 padStart() 方法有两个参数： padLength 是填充后的结果字符串的长度。如果 padLe ......
三种隐藏 HTML 元素的方式 ----记录
在网页应用中，显示/隐藏某个元素或组件是一件经常要做的事情，尤其是在目前比较流行的单页应用中。 总体而言，有 3 种方式来实现 CSS 的 display: none; CSS 的 visibility: hidden; HTML5 的 hidden 属性（boolean） 它们之间有相同点和不同点 ......