浮点js

JS 垃圾回收机制

# 垃圾回收机制 和C++不同,JS的内存回收由运行环境执行,减少了程序员的操作量. ## 回收机制 目前,JS垃圾回收采用`标记清理`方法.当上下文代码执行时,将变量`标记`为`在上下文`,上下文执行完毕时,标记为`不在上下文`等待回收.回收机制每隔一段时间将不在上下文变量回收. ## 内存泄漏 ......
机制 垃圾 JS

如何为你的 js 项目添加 ts 支持?

前一段时间为公司内的一个 JS 公共库,增加了一些 TypeScript 类型支持。在这里简答记录一下。 ![](https://img2023.cnblogs.com/blog/3251068/202308/3251068-20230802202159901-258478020.png) ## 安 ......
项目 js ts

JS作用域

# 全局作用域 全局作用域变量:直接用var,const,let声明的变量 # 局部作用域 局部作用域变量:块,函数,对象,{}中声明的变量 局部声明全局变量方法: JS中的作用域问题成为`执行上下文`,分为`全局上下文`和`局部上下文` JS中有一个概念`作用域链(scope chain)`表示上 ......
作用

v_jstools js逆向分析工具

1.工具地址: https://github.com/cilame/v_jstools 2.下载文件 文件下载下来以后,复制到桌面,然后解压到当前文件夹,会看到一个 v_jstools-main 的文件夹。 3.插件安装 谷歌浏览器地址栏输入如下 url,打开扩展程序页面,并打开开发者模式: chr ......
v_jstools jstools 工具

js 发起get请求

let a = document.createElement('img'); a.src = '/_xxxxxx=1&e=0.5609369440726193' 在浏览器中,当创建一个图片元素并设置src属性时,浏览器会根据该路径发送一个HTTP请求,请求该路径对应的资源文件。这个资源文件可以是一张 ......
get js

JS 富文本编码、解码

<rich-text :selectable="true" :nodes="decodedText"></rich-text> const encodedText = '<img src="https://zhxkj-1309150347.cos.ap-guangzhou.myqcloud.com/ ......
文本 编码 JS

js去掉html中所有的标签、空格和回车换行符只保留文本

replaceText(val) { if (val != null && val != "") { var re1 = new RegExp("<.+?>|&.+?;","g"); //匹配html标签的正则表达式,"g"是搜索匹配多个符合的内容 var msg = val.replace(re1 ......
换行符 空格 文本 标签 html

js上传文件到服务器指定文件夹问题

​ 一、概述 所谓断点续传,其实只是指下载,也就是要从文件已经下载的地方开始继续下载。在以前版本的HTTP协议是不支持断点的,HTTP/1.1开始就支持了。一般断点下载时才用到Range和Content-Range实体头。HTTP协议本身不支持断点上传,需要自己实现。 二、Range 用于请求头中, ......
文件 文件夹 服务器 问题

JS优化技巧,解决冗余代码

### 1. 使用箭头函数简化函数定义 ```cobol // 传统函数定义 function add(a, b) { return a + b; } // 箭头函数简化 const add = (a, b) => a + b; ``` ### 2. 使用解构赋值简化变量声明 ```cobol // ......
冗余 代码 技巧

JS是门单线程语言

## 多线程语言的好处是,在同一时间让 cpu 处理多个事情。 充分的利用cpu多核多线程的资源优势。 程序也会执行的更快! 支持多线程的语言有特别多,比如java、python 等等,但是也有单线程语言 如js ```java class RunnableDemo implements Runna ......
线程 语言

第五十二天 JS入门

# 一、JS数据类型之布尔值 ```python python bool True False:0 None '' [] {} ... JS boolean true false:(空字符串)、0、null、undefined、NaN null与undefined的区别 null可以理解为曾经拥有过 ......

通过Vue + intro.js 实现页面新手引导流程功能

最近需要增加一个新手页面引导流程的功能,在网上搜罗之后发现了intro.js这个插件 1.安装依赖 npm install intro.js --save 2.在main.js中引用插件 // 首页引导插件import intro from 'intro.js' // introjs库import ......
流程 新手 页面 功能 intro

js sum 函数

实现: Array.prototype.Sum = function (fn) { return eval(this.map(x => Number(typeof fn == "function" ? fn(x) : x)).join("+")) || 0 } 用法示例: var arr1 = [{ ......
函数 sum js

JS中的浏览器对象模型-DOM(二)

表单 在HTML表单中,可以上传文件的唯一控件就是<input type="file">。 当一个表单包含<input type="file">时,表单的enctype必须指定为multipart/form-data,method必须指定为post, 浏览器才能正确编码并以multipart/for ......
模型 浏览器 对象 DOM

Chart.js (v2.9.4)--如何像高版本一样支持skipNull

项目开发中,用到Chart.js展示图表,用起来也非常方便,配置很灵活,很好用,给个数据集,设置一些配置值,实例化一个Chart出来,优美的线条,美丽的图画就展现在大家的面前,一切都是那么的和谐。可是突然有一天,我眼皮直跳,远远地看到PM在向我缓缓走来,我就知道一切将不在那么和谐,因为她走过来的场景 ......
skipNull 版本 Chart 9.4 js

Gin+Xterm.js实现远程Kubernetes Pod(一)

Xterm.js简介 xterm.js (https://xtermjs.org/)是一个开源的 JavaScript 库,它模拟了一个终端接口,可以在网页中嵌入一个完全功能的终端。这个库非常灵活,并且具有很多定制选项和插件系统。 下面是一些使用 xterm.js 的基本步骤: 首先,需要在项目中安 ......
Kubernetes Xterm Gin Pod js

js处理数组,删除指定元素

//获取元素下标 Array.prototype.indexOf = function(val){ for(var i = 0; i < this.length; i++){ if(this[i] == val){ return i; } } return -1; } //根据下标删除元素 Arra ......
数组 元素

在 浏览器中的找到 span 标签中内容是 “加入购物车” 的按钮 并用js代码模拟点击

在 浏览器中的找到 span 标签中内容是 “加入购物车” 的按钮 并用js代码模拟点击 ```js function simulateButtonClick() { // 找到包含“加入购物车”文本的所有span标签 const spanElements = document.getElement ......
购物车 按钮 浏览器 标签 代码

开源流媒体播放器EasyPlayer.js播放H.265视频,无法截取快照是什么原因?

EasyPlayer.js可支持多种流媒体协议播放,包括WebSocket-FLV、HTTP-FLV,HLS(m3u8)、WebRTC等,支持全平台、全终端播放,如Windows、Linux、Android、iOS,无须安装任何插件,起播快、延迟低、兼容性强,使用非常便捷。 ......
流媒 快照 流媒体 EasyPlayer 播放器

如何隐藏开源流媒体EasyPlayer.js视频H.265播放器的实时录像按钮?

在功能上,EasyPlayer支持直播、点播、录像、快照截图、MP4 播放、多屏播放、倍数播放、全屏播放等特性,支持网页端实时录像,具备较高的可用性和稳定性。与此同时,EasyPlayer还能支持轻松调用和第三方集成,感兴趣的用户可以自行下载测试。 ......
流媒 流媒体 EasyPlayer 实时 录像

js如何实现对象数组的深度复制 记录记录

背景: 偶然发现的bug,列表页做多选的时候,做了一次数据格式的转换 const temp = me.multipleSelection; temp.forEach(p=>{ p.trainTicketType = p.trainTicketType.split(','); requestList. ......
数组 深度 对象

[Docker] Docker Node.js project tips

## Basic node image ```Dockerfile FROM node:12-stretch COPY index.js index.js CMD ["node", "index.js"] ``` Build docker image: `docker build -t my-nod ......
Docker project Node tips js

Node.js安装

2.2 管理nodejs版本 下载安装nvm-windows https://github.com/coreybutler/nvm-windows/releases 安装后 在powershell 输入 nvm -h 查看支持的命令 安装 nodejs v16.12.0 nvm install 16 ......
Node js

js set和map详解

当我们需要存储唯一值的集合时,可以使用Set。Set是一种有序的、无重复值的集合,它可以存储任何类型的值,包括原始值和对象。下面是使用Set的示例: Copy // 创建一个Set const mySet = new Set(); // 添加值 mySet.add(1); mySet.add(2); ......
set map js

js weekset和weekmap详解

在JavaScript中,WeakSet和WeakMap是Set和Map的变体,它们的特点是只能存储对对象的弱引用。这意味着,如果一个对象只被WeakSet或WeakMap引用,而没有被其他地方引用,那么它可能会被垃圾回收器清理掉。这在某些情况下非常有用,比如处理缓存或临时数据等。 WeakSet和 ......
weekset weekmap js

JS常用正则表达式

1.文本框输入验证 <!--限制文本框只能输入正数--> <input type="text" οnkeyup="this.value=this.value.replace(/\D/g,'')"/> <!--限制文本框只能输入正数、小数--> <input type="text" οnkeyup=" ......
正则 表达式 常用

前端路由+原生JS实现SPA

前端路由●路由: 就是一一对应关系的集合●前端路由: 就是一个 url 地址, 对应哪个组件(页面)●前端路由的本质○根据地址栏变化(不重新想服务器发送请求), 去局部更新不同的页面内容, 完成前端业务场景切换●前端路由的思路○URL 地址栏中的 Hash 值发生了变化○前端 JS 监听到 Hash ......
前端 路由 SPA

js instanOf的实现逻辑 super()

在 JavaScript 中,instanceof 运算符用于检查一个对象是否是另一个对象的实例。它的使用形式是 obj instanceof constructor,其中 obj 是要检查的对象,constructor 是要检查的构造函数。 instanceof 运算符的实现逻辑如下: 首先,它会 ......
instanOf 逻辑 super js

js-cookie-monitor-debugger-hook

# 监控、定位JavaScript操作cookie[https://github.com/JSREI/js-cookie-monitor-debugger-hook](https://github.com/JSREI/js-cookie-monitor-debugger-hook) ## 一、脚本说 ......

Next.js 实战

### 0x1 CSR,SSR,SSG 1. CSR 客户端渲染(Client-Side Rendering)。常见 B 端 Web 应用开发模式,前后端分离,服务器压力相对更轻,渲染工作在客户端进行,服务器直接返回不加工的 HTML 用户在后续访问操作 **缺点**:首屏时间长 2. SSR 服务 ......
实战 Next js