acm js
window安装EMQX和node.js
1. 进入网站 https://www.emqx.io/zh/downloads?os=Windows ![](https://img2023.cnblogs.com/blog/3010933/202306/3010933-20230607181755623-1574009014.png) 1. 进 ......
JS 封装并格式化时间
建议一个 时间格式化的JS文件,复制以下代码进去 // 日期格式化 export function parseTime(time, pattern) { if (arguments.length 0 || !time) { return null } const format = pattern | ......
uniapp render.js
1、操作数据 <template> <view class="content"> <view @click="renderScript.emitData">获取renderjs数据</view> {{ name }} </view> </template> <script> export defau ......
js 函数声明和函数表达式的执行结果
// var 定义的变量会进行变量提升,声明被拿到函数或全局作用域的顶端,并输出 undefined // 函数声明也会进行提升,var 的变量提升会覆盖函数声明提升 console.log(" 0 ") var fn = function () { console.log("fn0-1") } f ......
js实现复制功能
https://blog.csdn.net/lalala_dxf/article/details/128374242 const url = this.url + e.manageId;const dom = document.createElement('input');dom.value = u ......
vue之表单控制&购物车案例&v-model进阶&与后端交互的三种方式&电影小案例&箭头函数&js中的5种循环
## 1.表单控制 ```html 🌟checkbox单选就是true和false🌟 用户名: 密码: 记住密码: name >{{name}},pwd >{{pwd}},remember >{{remember}} 🌟checkbox多选就是选value,v-model是数组🌟 爱好: 唱 ......
JS 模拟 栈结构
Code: /** * 栈结构(基于动态数组) * @class */ var AStack = (function() { /** * 栈容器 * @type {DArray} */ let arr; /** * 内部栈类 * @class */ class _AStack { /** * 构造器 ......
直播app开发搭建,web前端JS中的继承方式
直播app开发搭建,web前端JS中的继承方式 ES5 //ES5中的写法一 function Phone(color){ this.color = color; this.show = function(){ console.log("你喜欢看的颜色是:"+this.color); } } fun ......
JS 模拟 Java 动态数组(类)
Code: /** * 动态数组 * @class */ var DArray = (function() { /** * 数据数组 * @type {*[]} */ let data; /** * 数组中的元素个数 * @type {number} */ let size; /** * 调整数组容 ......
JS基础语法(一)
javascript简介 javascrpit是是一种轻量级的编程语言,常用于web前端开发。另外js还可以用来写node.js类型的服务和工具,在测试web项目的时候需要了解。 变量 js定义变量有3种方式:var、const、let,3者的区别: 在 2015 年以前,使用 var 关键字来声明 ......
js 获取函数的调用者
## 办法 严格模式arguments.callee.caller不给使用了 歪路子截取new Error()的报错字符串stack ```js const getCall = ()=>{ let callArr = new Error().stack.split("\n"); callArr.sp ......
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 ......