实例 地球cesium js
js弹幕效果
Document <style> * { margin: 0; padding: 0; } div { width: 300px; height: 200px; background-color: aquamarine; } </style> <div></div> <input type="tex ......
python调用imgkit将html转图片pdf问题实例wkhtmltox
wkhtmltox的下载地址：https://wkhtmltopdf.org/downloads.html 或者：https://github.com/wkhtmltopdf/wkhtmltopdf 0.12.6版本按网络上的教程会出现一个错误： IOError: wkhtmltopdf exite ......
js实现输入打字效果
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
js递归查询id所对应的节点，查询该节点的父节点，查询该节点的所有子节点
在工作项目中经常遇到树形结构的数据，而往往我们需要用递归来实现，下面就给大家列举常用的递归操作。 let treeList = [ { id: '1', name: '父一', children: [ { id: '1-1', name: '子一一', children: [ { id: '1-1- ......
JS 树（数组存储）进行递归遍历获取路径
JS 树（数组存储）进行递归遍历获取路径 实现功能：通过叶子节点 id ，寻找包含该叶子节点的整条路径。（树的数据以数组形式保存） 直接上代码： const getPathByKey = (curKey, data) => { let result = []; // 记录路径结果 let trave ......
JS精度丢失
Javascript是非数据安全类型的语言，所以JS尾数精度有丢失的问题 Number类型 通过查阅JS官方文档 在JS定义的浮点数会自动转换为Number类型，Number类型是一个双精度64位浮点数，二进制存储格式执行IEEE 754标准 通过查阅维基百科，64位二进制格式IEEE 754的定义 ......
记一次从JS到内网的横向案例
前言前段时间参加了一场攻防演练，使用常规漏洞尝试未果后，想到不少师傅分享过从JS中寻找突破的文章，于是硬着头皮刚起了JS，最终打开了内网入口获取了靶标权限和个人信息。在此分享一下过程。声明：本次演练中，所有测试设备均由主办方提供，所有流量均有留档可审计，所有操作均在授权下完成，所有数据在结束后均已安 ......
【观察者设计模式详解】C/Java/JS/Go/Python/TS不同语言实现
简介 观察者模式（Observer Pattern）是一种行为型模式。它定义对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都得到通知并被自动更新。 观察者模式使用三个类Subject、Observer和Client。Subject对象带有绑定观察者到Client对象和从 ......
js 时间格式化函数
function dateFormat(time, fmStr) { const weekCN = '一二三四五六日' const weekEN = ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunda ......
vue全家桶进阶之路50：Vue3 环境变量+跨域设置实例
使用.env加后缀的方式来建立某个模式下的环境变量， 例如：项目根目录新建两个环境变量文件（development开发环境和production生产环境）： .env.development .env.production 在新建的两个环境变量文件中设置相同的环境变量名： VUE_APP_BASE_ ......
Three.js教程：顶点位置数据解析渲染
推荐：将NSDT场景编辑器加入你3D工具链 其他工具系列：NSDT简石数字孪生 顶点位置数据解析渲染 如果你没有WebGL基础，可以先不用记忆每个的threejs 具体内容，有一个大致印象即可，学习本节课的重点是建立顶点的概念。如果你建立了顶点的概念，那么对于你深入理解学习Three.js很有帮助。 ......
js中的XMLHttpRequest、websocket使用
一、XMLHttpRequest 发送请求 创建XMLHttpRequest实例 let xhr = new XMLHttpRequest(); 初始化 xhr.open(method, URL, [async, user, password]) method：HTTP方法，通常'GET'或者'PO ......
js promise 中使用 setTimeout 实现暂停执行
在使用 promise 时，需要使用 setTimeout 来进行延时执行 对 promise 还不太熟悉的同学可能第一时间想到的是这样的写法 如： run(); async function run() { console.log('1'); // 等待两秒之后执行 setTimeout(() = ......
JS的对象比较，JS的数组比较
1 js判断两个数组相等的5种方法实例 一、 toString() 当两个数组元素类型相同，顺序相同时，直接判断是否相等，结果不相等；转化为字符串后，结果相等 [1,2,3].toString() [1, 2, 3].toString(); // true [1,2,3].toString() [' ......
Node.js
nodejs到底是什么？ nodejs是一个开源的，跨平台的JavaScript运行环境；是JavaScript运行的平台，类似于浏览器。不是框架，不是库，也不是语言。通俗来说，就是一款应用程序，它可以运行JavaScript。 运行平台：一般就是指一个代码的运行环境；作用是：开发者可以使用指定的编 ......
Cesium加载广告牌（二）
Cesium加载广告牌（二） 在上一篇中已经添加了添加了广告牌实体，如果要获取更好的显示效果和其他需求，需要进行更多的设置。这里再介绍一些广告牌的常用属性。 horizontalOrigin：广告牌相对原点的水平位置。有三种属性：Cesium.HorizontalOrigin.CENTER，Cesi ......
Vue3 代码块高亮显示并可使用富文本编辑器编辑（highlight.js + wangEditor）
在Vue项目中实现以下功能： 功能1. 在页面中显示代码，并将其中的关键字高亮显示。 功能2. 允许对代码块进行编辑，编辑时代码关键字也高亮显示。 功能3. 可在编辑器中添加多个代码块，动态渲染代码关键字高亮。 Step1: 安装所需插件(本文使用npm安装，若需使用其他方式请查阅官方文档) 安装代 ......
js实现画布绘图、橡皮擦除、刮刮卡效果
关键节点只有两处 pen.globalCompositeOperation = 'destination-out'; 通过背景图片实现擦除后仍保留底层图片效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta h ......
js 实现字符串反转
1.情景展示 在JavaScript当中，如何实现字符串倒转（倒置、反转）？ 2.具体分析 数组Array实现元素倒转，有专门的函数reserve()，我们直接调用即可。 为了使用这个功能，我们可以把字符串先拆分成数组，然后，再调用反转函数，最后再拼成字符串。 3.解决方案 以字符串：Marydon ......
JS课堂笔记（4.11-4.16）
一、简单了解JS 1. JavaScript（简称JS）是作为开发Web页面的脚本语言。 2. JS是从1995年由网景公司的布兰德开发。 3. JavaScript的标准是ECMAScript。 4. JS代码是从上往下执行的。 二、变量 1. 变量名的值可以重复赋值（值可以修改），变量可以重复声 ......
Cesium和Babylonjs融合可行吗？
方法一：Babylonjs作为cesium的附庸或者补充。类似于cesium和three.js的关系。 方法二：将Cesium的renderer渲染器换成Babylonjs。。等一下，renderer难道不是webgl吗？无论是cesium还是babylonjs都是基于webgl啊。。所以cesiu ......
JS中的进程和线程
进程和线程都是计算机中的概念，用于描述程序执行时的运行单位。 进程是指正在运行的程序的实例，包括程序代码、数据、堆栈和资源等。 每个进程都拥有独立的地址空间，因此不同进程之间的数据无法直接访问，只能通过进程间通信的方式进行交互。 线程是进程中的一个执行单元，一个进程可以包含多个线程，每个线程共享进程 ......
Cesium加载广告牌（一）
Cesium加载广告牌（一） 在Cesium开发中需要加载图标等操作，这时候就需要使用Cesium中添加广告牌的功能，这里需要用到一个很重要的属性方法Entity()。在官方文档中，Entity的解释为：将多种形式的可视化实体聚合到单个高级对象中。它们可以手动创建并添加到Viewer实体中，也可以由 ......
Java技术_基础技术(0003)_类执行顺序详解+实例(阿里面试题)+详细讲解+流程图
一、总体原则 列出执行顺序的原则(这里本人出了简化，比较明了。可能有漏的，请帮忙补充，但应付该实例足以)： ==父类先于子类； ==静态先于非静态； ==变量和块先于构造方法； ==变量声明先于执行（变量赋值、块执行）；(这一点是根据数据在内存中是如何存储的得出的，基本类型、对象、String均不一 ......
08-Vue实例的生命周期函数
title: 08-Vue实例的生命周期函数 publish: true 介绍 vue实例的生命周期：从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期。 生命周期钩子：就是生命周期事件的别名而已。 生命周期钩子 = 生命周期函数 = 生命周期事件。 生命周期函数 ......
Three.js 中的 Reflector 类
说明 Reflector 是 three.js 中的一个类，用于创建反射效果的对象。它继承自 Mesh，可以添加到场景中作为一个可渲染的物体。 Reflector 的构造函数如下： constructor(geometry?: BufferGeometry, options?: ReflectorO ......
最简单一维量子链求解实例
写在前面: 5年前的笔记，再次做个备份. 假设器件长度为 $L$, 均匀分成 $N+1$ 份, 网格spacing 为 $a = L/(N+1)$. $$ H\varphi = -\frac{\hbar^2}{2m}\frac{\partial^2}{\partial x^2}\varphi = E ......
js的forEach()方法，获取索引值index
forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。用法： 1、forEach有3个参数： 第一个参数可以获取循环一遍的值； 第二个参数可以获取当前元素的索引值（下标）； 第三个参数可以获取当前数组； 例： var arr=[1,2,3,4] arr.forEach(functi ......