js
js 找出最后一次字符串中指定或者某个字符后面出来的内容
JS 获取最后一个 指定字符 后面的值示例 let str = 'http://199.188.18.282:8012/logistics-web/rules/custom-rules'1.找出’/'后面出来的值使用 JavaScript 中的 .substring() 方法来实现 当然你也可以按的 ......
JS 鼠标拖拽元素移动
代码示例 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>Document</title> <style> #wrap { width: 100px; height: 100px; background ......
浏览器原生支持JS Base64编码解码
1. Base64解码: var decodedData = window.atob('内容'); 2. Base64编码: var encodedData = window.btoa('base64编码内容'); 3. 中文转换报错？ 若中文Base64数据转换有报错问题,可以中文先encode转 ......
uniGUi调用其他JS框架(79)
procedure TMainForm.UniFormShow(Sender: TObject);var Html: TStringList;begin Html := TStringList.Create; try Html.LoadFromFile('.\js\jsPlumb\template. ......
7个Js async/await高级用法
JavaScript的异步编程已经从回调(Callback)演进到Promise，再到如今广泛使用的async/await语法。后者不仅让异步代码更加简洁，而且更贴近同步代码的逻辑与结构，大大增强了代码的可读性与可维护性。在掌握了基础用法之后，下面将介绍一些高级用法，以便充分利用async/awai ......
js中三种URI编码方式比较
一、实例比较 数据传递常需要编码后传递，接收还需反编译，定义url： var url = "https://www.cnblogs.com/?username='小森森'&password='666666'"; escape 与 unescape console.log(escape(url));/ ......
js 利用Audio播放文件列表
1、主要利用Audio的监听事件addEventListener，监听到声音播放结束ended，播放下一个文件 audio.addEventListener('ended', function () { console.log('音频播放结束'); }); 2、示例： var voiceList = ......
js里URL编码的不同方法和区别
总结: 1.escape/unescape 这两个方法不能用于URL编码,但有很多人用,特此指出,因为它的真正作用是返回一个字符的Unicode编码值,不会对"+"进行编码,但是我们知道，网页在提交表单的时候，如果有空格，则会被转化为+字符。服务器处理数据的时候，会把+号处理成空格。 2.encod ......
vue js 引入sdk，思路代码整理 app.vue引入
代码解析 function handleAuthReady() { const ywAuth = (window as any).ywAuth; if (ywAuth) { return Promise.resolve(ywAuth); } return new Promise(resolve => ......
js设计模式之工厂模式
原型链实现 let UserFactory = function (role) { if (this instanceof UserFactory) { let s = new this[role] return s } else { return new UserFactory(role) }}U ......
[Node]Node.js安装
工作需求，将本地node.js升级到v20+，踩坑踩了1个多小时，故整理一篇攻略自用。 下载与安装 1. Node.js官网下载安装包：https://nodejs.org/en（我下载的是20.10.0） 2. 安装时修改安装目录，网上教程大多不建议放在C盘；其余默认。 3. 安装完后启动命令行工 ......
动态加载JS文件
在某些特殊场景下，特别是在库和框架的开发过程中，需要动态加载JS文件并执行它们。下面是使用 Promise 的简单封装。 function loadJS(files, done) { // Get the head tag const head = document.getElementsByTag ......
js的运行机制
1.单线程 js是单线程的，一个任务执行完才会执行下一个任务 for (let i = 0; i < 2000; i++) { console.log(1); } setTimeout(() => { console.log(2); }, 0); setTimeout(() => { console ......
js事件流
什么是事件流 事件流指的是浏览器处理事件的方式 在js中，事件流分为3个阶段：捕获阶段，目标阶段，冒泡阶段 这三个阶段的发生顺序：先是捕获阶段，再是目标阶段，最后是冒泡阶段 捕获阶段 事件从最外层的文档对象（document）开始，逐级向下传播，知道到达事件的目标节点 目标阶段 事件到达目标节点，触 ......
js的作用域
全局作用域 全局作用域是指代码中任何地方都可以访问的变量，在整个应用程序中都是可见的 局部作用域（函数作用域) 局部作用域是指在函数内部定义的变量，它们只能在函数内部访问，函数外部无法访问 块级作用域 这是一个特殊的作用域，在es6之前，js中没有块级作用域。 在es6中，使用let和const关键 ......
SwiftUI 中Webview与JS交互
iOS中WKWebview原生与网页端JS交互常用的方法是 首先在web view中注入标定好的方法名，例如标定一个request方法 let config = WKWebViewConfiguration() let userContent = WKUserContentController(); ......
前端那些好用的CSS/JS网站
🍀一、渐变神器Gradient 网站地址： Gradient by ShapeFactory | Chromatic Gradient Generator 网站介绍： Gradient是一款网页渐变设计工具，可以帮助用户轻松创建漂亮的渐变颜色样式，并将其应用到网页、APP等设计项目中。 网站示例： ......
js数字转字符串后科学计数问题
前言：遇到科学计数法转字符串的问题。用如下toNonExponential可解决 function toNonExponential(num) { var m = num.toExponential().match(/\d(?:\.(\d*))?e([+-]\d+)/); return num.to ......
前端(js)实现图片一次全部下来后，在调图片显示
前端实现图片一次全部下来后，在调图片显示 var imgsrc=[ "http:/XXX01.jpg", "http://XXX02.jpg", "http://XXX0.jpg" ]; var imgArr = [] for (var i = 0; i < imgsrc.length; i++){ ......
js 打开exe
首先写注册表，里面的路径就是exe的路径 Windows Registry Editor Version 5.00 [HKEY_CLASSES_ROOT\Webshell] @="URL:Webshell Protocol Handler" "URL Protocol"="" [HKEY_CLASS ......
node.js net
const { BrowserWindow, Menu, app, ipcMain, dialog, net } = require('electron'); const request = net.request(res.data.url); ......
js 单例模式
import { EventEmitter } from 'eventemitter3'; class H5SSE extends EventEmitter { static instance: H5SSE; static getInstance() { if (!H5SSE.instance) { ......
JS去除千分位
//去除千分位不保留 function delcommafy(num) { if (num == "") { return 0; } if (!isNaN(num)) return num; var x = num.split(','); var result = parseFloat(x.join ......
Sublime Text Html CSS JS 代码整理美化插件
原文地址：Sublime Text Html CSS JS 代码整理美化插件使用代码编辑编辑器的好处就是有很多功能可以用，特别是一个就是代码整理优化。 在编写代码时，我们经常会遇到代码混乱、缩进不正确或格式不统一等问题。这些问题可能会导致代码难以阅读、维护和调试，降低开发效率。 那么我这里说一下Su ......
2023-12-28 js深拷贝的一些常见写法与业务场景
为什么要用深拷贝？ 如果你有一下场景，那么就很需要用到深拷贝： var a = [1,2,3]; var b = a; b.push(4); console.log(a,b); 可以发现2个数组都是[1,2,3,4]，为什么b发生改变会影响到原数组a呢？ 原因：二者是属于浅拷贝的一种关系，引用了同一 ......
node.js
npm 安装的包，dependences 下的包和 devDependences 下得包有什么区别 dependences：生产环境使用的包，代码运行必要的包，没有包运行时会报错，如lodash decDdpendences：开发环境使用的包，代码运行不必要，没要包代码也能跑，使用这些包的目的是方便 ......
css+js瀑布流布局实现
记录一个瀑布流布局问题的解决过程 最开始使用js实现，将子元素进行绝对定位，根据宽高及顺序判断定位的top与left。 问题：存在新增子元素页面加载不及时的问题，会出现子元素初始状态叠加在一起，计算完成后才能正常显示。 点击查看代码 window.onload = () => { /* 传入wate ......
原生js和jquery判断单选复选框是否选中
用jquery判断设置单选复选框时，有时会有些迷糊，今天总结下。 <dl> <dt>单选框</dt> <dd> <label><input type="radio" name="gender" value="男" />男</label> <label><input type="radio" name ......
JS下载Excel
const paramStr = "page=1&size=20"; const actionUrl = "/export/XXX?" + paramStr; const exportForm = document.createElement('form'); exportForm.style.di ......
Javascript 原型链 jQuery原型链 js原型链 我感觉我能一直写下去 扶着我>_<
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>原型链闭环</title> <script src="./jquery.js"></script> </head> <body> <div class="con ......