实例 地球cesium js
动态加载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等设计项目中。 网站示例： ......
PHP实现视频文件上传完整实例
本文以一个完整实例的形式实现了视频文件上传的功能。虽然是比较基础的应用，仍有一定的参考价值。分享给大家供大家参考之用。具体方法如下： 首先，对PHP来说视频也属于文件，我们利用这个道理，可以通过与上传普通文件类似的方式实现上传PHP视频文件。不同的是视频文件一般较大，上传时间长，而php配置文件也对 ......
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 ......
C++内存分配详解：栈、堆、静态存储区解析与实例演示
概述：C++内存分配有栈、堆和静态存储区三种方式。栈自动管理，适用于局部变量；堆手动管理，使用new和delete；静态存储区适用于全局变量，具有整个程序生命周期。通过清晰的示例源代码，详细解释了它们的分配方法和使用步骤。 C++的内存分配涉及栈、堆和静态存储区，每种分配方式有其独特的特点。以下是对 ......
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 ......
nest.js中不同环境的配置读取
node中不同环境的配置读取 在node中最常用的是.env格式的配置文件，他有一个专门的npm包 dotenv： 我们来创建一个node项目试一下： 进入这个目录，安装dotenv: npm install dotenv 然后新建一个.env配置文件： aaa=1 bbb=2 新建index.js ......
js的this指向
在JavaScript中，this 是一个特殊的变量，它引用了调用对象。它的指向在不同的上下文中有不同的变化。以下是一些常见的 this 指向的情况： 1.全局上下文：在全局作用域中，this 指向全局对象。在浏览器中，这通常是 window 对象。 console.log(this); // wi ......
JS 日期与毫秒之间互相转换
时间戳(Unix/Linux timestamp)转换工具—在线转换毫秒时间戳工具 (toolscat.com) Date()函数：该方法返回日期的毫秒表示（毫秒数精确到毫秒） 1. 毫秒转日期： // 2023-3-25 格式 new Date(1679673600000).toLocaleDat ......
04-Mysql多实例
多实例就是多套线程和多各进程和多个预分配的内存结构 配置思路 启动多个mysqld进程 规划多套数据 规划多个端口 规划多套日志路径 配置例子 1、创建多套目录 mkdir -p /data/330{7,8,9} 2、准备多套配置文件 vi /data/3307/my.cnf [mysqld] ba ......
api下的 user.js 主要是从前端页面获取的接口
import request from '@/utils/request' // 登录接口 export function login(data) { return request({ url: '/vue-element-admin/user/login', method: 'post', dat ......
store下的 moudles 下的 permssion.js文件 主要是对路由规则的生成进行解释
import { asyncRoutes, constantRoutes } from '@/router' /** * Use meta.role to determine if the current user has permission * @param roles * @param rou ......
router下的 index.js 对路由进行分析
// 引入vue import Vue from 'vue' // 引入vue-router import Router from 'vue-router' // 路由就是一个插件 需要use Vue.use(Router) // 引入layout组件 很重要 // 一级路由出口 匹配layout组 ......
permission.js 主要是对权限管理进行分析
// 引入路由 import router from './router' // 引入仓库 import store from './store' // 引入ElementUI中的提示组件 message import { Message } from 'element-ui' // 引入nprog ......
vue-element-admin-master 代码解释 带注释——main.js
// 引入vue import Vue from 'vue' // 映入js-cookie // 是用来操作cookie 后端返回的token就存储在cookie中 import Cookies from 'js-cookie' // 引入重置样式 import 'normalize.css/nor ......