路由router index js
在vue中使用router时所需要的配置
router.js import { createRouter, createWebHistory } from 'vue-router'; //2. 定义路由组件 import Home from "../views/Home.vue" import Login from "../views/Lo ......
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 = ......
Asp.net WebApi Swagger Tag 标记分组归纳显示Api接口路由
官方文档说明地址 https://swagger.io/docs/specification/2-0/grouping-operations-with-tags/ 创建一个自定义的特性类 public class ControllerGroupAttribute : Attribute { publ ......
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关键 ......
网络层路由技术
网络层路由技术 1、移动承载网络中的网络层协议 2G/3G的业务模式更多的是点到点的模式，直接实现基站和基站控制器之间的数据传递。 在4G LTE业务中， 第一，核心网侧的服务器集中化部署，基站允许在某个业务服务器出现故障之后同另外的服务器进行通信。第二，基站和基站之间的业务转发需求出现，出现一对多 ......
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等设计项目中。 网站示例： ......
Vue中$router.push()路由切换、如何传参和获取参数 和获取不到$router.push 参数问题
路由的 两种传参方式： 一： 声明式 <router-link :to="{ path: '/login' }">Home</router-link> 二： 编程式 $router.push(...) //该方法的参数可以是一个字符串路径，或者一个描述地址的对象。 不带参数写法： // 字符串（对应 ......
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 ......
django 网页引用,路由分发
1，网页引用 1.1HelloWorld 目录底下创建 templates 目录并建立 runoob.html文件 1.2修改HelloWorld/settings.py，修改 TEMPLATES 中的 DIRS 为 [os.path.join(BASE_DIR, 'templates')] 2，路 ......
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呢？ 原因：二者是属于浅拷贝的一种关系，引用了同一 ......
drf之路由、认证组件
drf之路由 自动生成路由 drf 由于继承ViewSetMixin类，路由写法变了，原生django+drf，以后的路由写法，可能会有如下情况(三种情况) -path('books/', views.BookView.as_view() -path('books/', views.BookView ......
MongoDB 通配符索引 (wildcard index) 的利与弊
MongoDB 支持在单个字段或多个字段上创建索引，以提高查询性能。MongoDB 支持灵活的模式，这意味着文档字段名在集合中可能会有所不同。使用通配符索引可支持针对任意或未知字段的查询。 ·一个集合中可以创建多个通配符索引 ·通配符索引可以覆盖与集合中其他索引相同的字段 ·通配符索引默认省略 _i ......