parser js

JS通过 navigator.clipboard.writeText(textToCopy) 实现文本复制,navigator.clipboard报undefined问题

### 问题描述 代码: ```js let geometries = qChart.value .filter((e) => e.geometry) .map((e) => e?.geometry); navigator.clipboard .writeText(JSON.stringify(ge ......

js事件

1.鼠标事件 onclick:点击事件 ondblclick:双击事件 onmouseover:鼠标进入“某对象区域” onmouseout:鼠标离开“某对象区域” onmousedown:鼠标按下 onmouseup:鼠标抬起 onmousemove:鼠标移动 2.表单事件 onsubmit:表单 ......
事件

流量劫持 —— GZIP 页面零开销注入 JS

## 前言 HTTP 代理给页面注入 JS 是很常见的需求。由于上游服务器返回的页面可能是压缩状态的,因此需解压才能注入,同时为了节省流量,返回下游时还得再压缩。为了注入一小段代码,却将整个页面的流量解压再压缩,白白浪费大量性能。 是否有高效的解决方案?本文从注入位置、压缩格式、校验算法进行探讨。 ......
开销 流量 页面 GZIP JS

js-audio-recorder录音播放波形图

安装: npm i js-audio-recorder 调用: import Recorder from 'js-audio-recorder'; let recorder = new Recorder(); 基本功能看官网:https://recorder-api.zhuyuntao.cn/ 播放 ......
波形 js-audio-recorder recorder audio js

js 本地视频录制

function findNthIndex(str, searchChar, n) { let index = -1; for (let i = 0; i < n; i++) { index = str.indexOf(searchChar, index + 1); if (index -1) { ......
视频 js

js实现继承的几种方式

常见的实现继承的方式有以下几种: 1.原型链式继承 2.构造函数式继承 3.组合式继承 4.原型式继承 5.寄生式继承 6.寄生组合式继承 下面来详细讲些以下每种继承的实现方式,及优缺点 先声明一个叫Parent的构造函数 (引:JavaScript中的构造函数是一种特殊的函数,它用于创建新的对象实 ......
方式

jquery.serializejson.min.js的妙用

jquery.serializejson.min.js的妙用 关于这个jquery.serializejson.min.js插件来看,他是转json的一个非常简单好用的插件。 前端在处理含有大量数据提交的表单时,除了使用Form直接提交刷新页面之外,经常碰到的需求是收集表单信息成数据对象,Ajax提 ......
妙用 serializejson jquery min js

26) minify-maven-plugin 合并压缩 js css文件

http://samaxes.github.io/minify-maven-plugin/minify-mojo.html <build> <plugins> <plugin> <groupId>com.samaxes.maven</groupId> <artifactId>minify-maven ......

27) yuicompressor-maven-plugin 合并压缩 js css文件

http://davidb.github.io/yuicompressor-maven-plugin/compress-mojo.html <plugin> <groupId>net.alchim31.maven</groupId> <artifactId>yuicompressor-maven-p ......

认识soui4js(第2篇):代码编辑及调试

开始 假定您使用向导在d:\jsdemo目录创建一个工程,您也已经安装好了vscode, 那么您应该可以看到下面的界面效果: 工程生成后,主要包含一个soui资源包及一个main.js 要运行这个程序,您需要给vscode安装一个插件:quickjs-debug 由于向导已经自动配置了一个launc ......
soui4js 代码 soui4 soui 4js

Node.js常用库

`json-server`:json数据模拟,使用示例地址:https://blog.csdn.net/m0_62956518/article/details/124366111 `http`、`http-server`:基于node实现的http服务器 ......
常用 Node js

js判断是否处于移动端

应用场景 在uniapp中通过webview嵌入了PC端界面,某些界面方法需要根据处于PC还是uniapp进行不同的处理,此处简单通过界面宽度去判断。 代码示例 const { body } = document const WIDTH = 992 isMobile() { const rect = ......

认识soui4js(第1篇)

源代码:https://github.com/soui4js/soui4js soui4js是soui4+quickjs的结合体。 soui4是一套c++ directui客户端开发框架,soui4js则将soui4的开发语言从C++迁移到了js。 可能有人要问:为什么要使用js来开发? 使用js开 ......
soui4js soui4 soui 4js js

web js 箭头函数的特点与优缺点

1.箭头函数的特点 1. 相比普通函数,箭头函数有更加简洁的语法。 2. 箭头函数不绑定this,会捕获其所在上下文的this,作为自己的this。 3. 箭头函数是匿名函数,不能作为构造函数,不可以使用new命令,否则后抛出错误。 4. 箭头函数不绑定arguments,取而代之用rest参数解决 ......
优缺点 箭头 函数 特点 web

浏览器环境下JS构建xml文本

虽然许多地方 json 替代了 xml,但是仍然有部分领域使用 xml 来描述数据。 可以使用浏览器环境下 js 中 dom 的 API,来快速构建 xml 文本,避免手动拼接字符串。 ```js // 创建 XML 文档对象 let xmlDoc = document.implementation ......
文本 浏览器 环境 xml

使用Node.js搭建的微服务器基本流程

## 前言 使用Node.js搭建的微服务器, 处理注册登录操作的流程详解。主要包括注册,登录两大模块。 ## Node.js项目的搭建 ### 基于Express框架mongodb数据库搭建的Web服务器基本配置 **1. 初始化Node.js项目** `npm init` **2. 项目目录结构 ......
流程 服务器 Node js

Vue基础之表单控制 ,v-model进阶,箭头函数,JS循环

[toc] # 一、表单控制 ## 1.checkbox选中 ```html Title checkbox单选 用户名: 密码: 记住密码: 用户名:{{username}}--–>密码:{{password}}--–> {{remember}} ``` ![image](https://img20 ......
箭头 表单 函数 v-model 基础

validate.js

校验金额 export const validateMoney = (rule, value, callback) => { if (value "") { return callback(new Error("不能为空")); } if (value <= 0) { return callback ......
validate js

js常用方法

深度克隆 function deepClone(source) { // 判断是否数组或对象 if (source.constructor != Array && source.constructor != Object) { return source } const targetObj = so ......
常用 方法

utils.js

加减乘除运算 /** * @description: 加法运算 * @param {*} arg1 * @param {*} arg2 * @param {*} number 展示小数点后位数 * @return {*} */ export function operationAdd(arg1, a ......
utils js

HTML 和JS,PHP混合编程示例 获取点击的td的值

首先在需要获取值的 td 中加入onclick方法 <table class="layui-table"> <thead> <tr> <th>ID</th> <th>用户名</th> <th>真实姓名</th> <th>角色</th> <th>状态</th> <th>添加时间</th> <th>最后 ......
示例 HTML PHP JS

JS中创建对象的几种常见的方式

# 创建对象方式 ```js // 方式1 var obj1 = {"name": "方式1"} // 方式2 var obj2 = {name: "方式2"} // 方式3 var obj3 = new Object({"name": "方式3"}); // 方式4 var obj4 = new ......
对象 常见 方式

JS闭包原理与三方库实现原理

# 一、闭包 原理:外层匿名函数自调用返回其内部作用域某个成员的引用(变量访问权限私有化) 条件: (1)最外层必须要是匿名函数 + 匿名函数自调用 (2)自调用必须返回外层匿名函数作用域中的某个对象(函数/匿名函数/对象)的引用 (3)将这个引用保存到一个全局变量中,对外提供顶层访问入口 作用: ......
闭包 原理 三方

浏览器JS环境与Node.js环境

# 区别 浏览器环境和Node.js环境是两种不同的 JS 代码运行环境,它们在以下几个方面有所区别: 1. 运行平台:`JS浏览器环境` 指的是 JS 代码运行在用户电脑上的 Web浏览器中,而 `Node.js环境` 指的是 JS 代码运行在服务器或本地计算机上。 2. JavaScript A ......
环境 浏览器 Node js

JS中的异步编程

[toc] # 前言 fetch 是用来替代传统的`XMLHttpRequest`的。 fetch 的优点很多,包括链式调用的语法、返回promise等。 # 什么是Promise? 当在开发中需要处理异步操作时,Promise是一个常用的工具。Promise是一个表示异步操作最终完成或失败的对象。 ......

Js中var,let,const的区别总结

[toc] > `因为 let 和 const 是es6的新特性, let 和 const 的出现就是为了解决 var 的各种问题,因此在声明变量时能不用var就不用,强烈建议都用let和const声明变量和常量!` # 区别 1、var 声明的变量属于 `函数作用域`,而 let 和 const ......
const var let

js逆向

# Javascript基础入门 ​ JavaScript, 是一门能够运行在浏览器上的脚本语言. 简称JS. 首先, Javascript这个名字的由来就很有意思, 不少人认为Javascript和Java貌似很像. 容易想象成Java的脚本. 但其实不然, 两者之间没有任何关系. 纯粹是商业碰瓷 ......

js数组对象转树结构

原始数组对象: ``` let arr = [ { id: 1, name: "节点1", parentId: 0 }, { id: 2, name: "节点2", parentId: 1 }, { id: 3, name: "节点3", parentId: 1 }, { id: 4, name: ......
数组 对象 结构

uniapp中js中的闭包使用

问题: 在uniapp里面,使用闭包函数处理的时候,会导致$this不能全局使用。 解决方案: 第一种代码写法(以循环为例): const obj = { a:1, b:2, c:3 } var keys = Object.getOwnPropertyNames(obj) keys.forEach( ......
闭包 uniapp

node.js安装及环境配置教程【Windows系统安装包方式】

一、下载安装包: https://nodejs.org/zh-cn/download/ 注:根据自己电脑系统及位数选择,我的电脑是Windows系统、64位、想下载稳定版的.msi(LTS为长期稳定版)这里选择windows64位.msi格式安装包。 .msi和.zip格式区别: .msi是Wind ......
Windows 方式 环境 教程 系统