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 是很常见的需求。由于上游服务器返回的页面可能是压缩状态的,因此需解压才能注入,同时为了节省流量,返回下游时还得再压缩。为了注入一小段代码,却将整个页面的流量解压再压缩,白白浪费大量性能。 是否有高效的解决方案?本文从注入位置、压缩格式、校验算法进行探讨。 ......
js-audio-recorder录音播放波形图
安装: npm i js-audio-recorder 调用: import Recorder from 'js-audio-recorder'; let recorder = new Recorder(); 基本功能看官网:https://recorder-api.zhuyuntao.cn/ 播放 ......
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实现继承的几种方式
常见的实现继承的方式有以下几种: 1.原型链式继承 2.构造函数式继承 3.组合式继承 4.原型式继承 5.寄生式继承 6.寄生组合式继承 下面来详细讲些以下每种继承的实现方式,及优缺点 先声明一个叫Parent的构造函数 (引:JavaScript中的构造函数是一种特殊的函数,它用于创建新的对象实 ......
jquery.serializejson.min.js的妙用
jquery.serializejson.min.js的妙用 关于这个jquery.serializejson.min.js插件来看,他是转json的一个非常简单好用的插件。 前端在处理含有大量数据提交的表单时,除了使用Form直接提交刷新页面之外,经常碰到的需求是收集表单信息成数据对象,Ajax提 ......
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 ......
Node.js常用库
`json-server`:json数据模拟,使用示例地址:https://blog.csdn.net/m0_62956518/article/details/124366111 `http`、`http-server`:基于node实现的http服务器 ......
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开 ......
web js 箭头函数的特点与优缺点
1.箭头函数的特点 1. 相比普通函数,箭头函数有更加简洁的语法。 2. 箭头函数不绑定this,会捕获其所在上下文的this,作为自己的this。 3. 箭头函数是匿名函数,不能作为构造函数,不可以使用new命令,否则后抛出错误。 4. 箭头函数不绑定arguments,取而代之用rest参数解决 ......
浏览器环境下JS构建xml文本
虽然许多地方 json 替代了 xml,但是仍然有部分领域使用 xml 来描述数据。 可以使用浏览器环境下 js 中 dom 的 API,来快速构建 xml 文本,避免手动拼接字符串。 ```js // 创建 XML 文档对象 let xmlDoc = document.implementation ......
使用Node.js搭建的微服务器基本流程
## 前言 使用Node.js搭建的微服务器, 处理注册登录操作的流程详解。主要包括注册,登录两大模块。 ## Node.js项目的搭建 ### 基于Express框架mongodb数据库搭建的Web服务器基本配置 **1. 初始化Node.js项目** `npm init` **2. 项目目录结构 ......
Vue基础之表单控制 ,v-model进阶,箭头函数,JS循环
[toc] # 一、表单控制 ## 1.checkbox选中 ```html Title checkbox单选 用户名: 密码: 记住密码: 用户名:{{username}}--–>密码:{{password}}--–> {{remember}} ``` ![image](https://img20 ......
validate.js
校验金额 export const validateMoney = (rule, value, callback) => { if (value "") { return callback(new Error("不能为空")); } if (value <= 0) { return callback ......
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 ......
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>最后 ......
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 ......
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 ......
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( ......