实例 地球cesium js
二次封装ui组件，如何做到属性，作用域插槽以及 实例方法的穿透使用
A页面： 在使用二次封装的组件 <MyInput ref='inputRef' v-model='data' placeholder='xxxx'> <template #prepend> ...... </template> <template #append> ...... </template ......
JS实用技巧断点调试详解
调试能力是一个程序员的生存根本，可是很多初学者却忽视调试。今天我们就来讨究一下JS的调试技巧。 本文章将会详细列举JS相关的各种实用调试技巧。如果您是JS的初学者，那么这篇文章将对您有很大的帮助。 为什么要调试？ 程序就是函数堆砌起来的，程序的运行就是函数的执行过程。而通过JS调试，我们可以更为直观 ......
vue里cdn引入改为本地js文件引用
问题 vue项目cdn引用会出现网络加载不了问题 vue项目 cdn引用 改为本地public/index.html引入 首先把cdn的链接复制在浏览器里打开或直接下载下来 把js文件放到public文件夹下面 在index.html里引入，注意生产环境才加载出来 ......
js中通过数据库查询省，后自动带出市显示的问题
//注册地址var province = SQL("select province from project where code='"+code+"' and isdelete=0 order by indate limit 1 ");$("#field_2c923daf70a540290170a ......
vue第七课：记事本实例
功能需求： 新增 生成列表结构 获取用户输入 回车，新增数据 删除 点击删除指定内容(v-on splice) splice(index,1) 删除1个对应的索引 统计 v-text,length 清空 数组清空 隐藏 没有数据时，隐藏元素（v-if,v-show 数组非空） <div id='ap ......
Cesium案例(五) Underground Color
Cesium.Ion.defaultAccessToken = token const viewer = new Cesium.Viewer("cesiumContainer"); const scene = viewer.scene; const globe = scene.globe; //获取 ......
实例解析
HTML 部分： 我们可以使用任何的 HTML 元素来打开下拉菜单，如：<span>, 或 a <button> 元素。 使用容器元素 (如： <div>) 来创建下拉菜单的内容，并放在任何你想放的位置上。 使用 <div> 元素来包裹这些元素，并使用 CSS 来设置下拉内容的样式。 CSS 部分： ......
python中的全局变量、实例变量、局部变量、静态变量等
a=1#全局变量，在模块内、在所有函数外面、在class外面 class Test(): c=3#静态变量，也可以说类属性，在class内的，但不在class的方法内的 def login(self): b=2#局部变量，在函数内、在class的方法内（未加self修饰的) self.d=4#实例变 ......
【过滤器设计模式详解】C/Java/JS/Go/Python/TS不同语言实现
过滤器模式（Filter Pattern）或标准模式（Criteria Pattern），是一种结构型模式。这种模式允许使用不同的标准条件来过滤一组对象，并通过逻辑运算的方式把各条件连接起来，它结合多个标准来获得单一标准。
例子将创建一个 Person 对象、Criteria 接口和实现了该接口的实... ......
原精SpringBoot大文件上传、js、分片上传、断点续传、秒传、大文件上传实例
前言 文件上传是一个老生常谈的话题了，在文件相对比较小的情况下，可以直接把文件转化为字节流上传到服务器，但在文件比较大的情况下，用普通的方式进行上传，这可不是一个好的办法，毕竟很少有人会忍受，当文件上传到一半中断后，继续上传却只能重头开始上传，这种让人不爽的体验。那有没有比较好的上传体验呢，答案 ......
JS微任务和宏任务
1. js是单线程的语言。2. js代码执行流程：同步执行完==》事件循环 同步的任务都执行完了，才会执行事件循环的内容 进入事件循环：请求、定时器、事件....3. 事件循环中包含：【微任务、宏任务】微任务：promise.then宏任务：setTimeout.. 要执行宏任务的前提是清空了所有的 ......
js分片上传&断点续传
一、基本介绍 1，什么是 WebUploader？ WebUploader 是由百度公司团队开发的一个以 HTML5 为主，FLASH 为辅的现代文件上传组件。 官网地址：http://fex.baidu.com/webuploader/ JS - 文件上传组件WebUploader使用详解2（ ......
8.1 js addEventListener js给div添加事件
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>test addEventListener</title> </head> <body> <button id="myBtn">click me</button> <p id="d ......
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 ......
全网最详细中英文ChatGPT-GPT-4示例文档-快速创意生成从0到1快速入门——官网推荐的48种最佳应用场景（附python/node.js/curl命令源代码，小白也能学）
在当今竞争激烈的市场环境中，创新和创意变得越来越重要。对于任何公司或个人来说，如果能够快速生成新颖的创意，将会在市场上具有很大的优势。ChatGPT训练的创意生成模型可以从大量的文本数据中迅速学习到各种创意，从而帮助公司或个人获取到新的创意，并激发他们的灵感，加速创作过程。它的应用范围非常广泛，可以... ......
全网最详细中英文ChatGPT-GPT-4示例文档-会议笔记文档智能转摘要从0到1快速入门——官网推荐的48种最佳应用场景（附python/node.js/curl命令源代码，小白也能学）
ChatGPT可以轻松地将会议笔记转换为摘要，以帮助用户更快速地理解会议内容。用户可以在会议过程中先简单快速地记录会议内容，并在稍后通过ChatGPT快速转化成相关摘要，从而帮助高效回顾和分析会议内容。这将使用户在未来的会议中更有效地利用时间，并取得更好的效果。而且ChatGPT还可以帮助用户生成各... ......
将前端图片转为base64存储至本地服务器，并返回URL存入数据库。Vue、Element-UI、axios、node.js
核心步骤：将base64转为buffer并用fs.write()存入.png文件中，即可得到一张可展示的图片，将其路径写入数据库即可。非二进制或blob对象 第一：获取图片文件，将其转为base64，通过axios发送至后台node.js服务器 HTML： methods中： getBase64(f ......
js，ES标准export用法记录
一个js文件最多只能有一个 export default。 这种方式导出，在导入的时候不需要{}。 单独的 export 可以导出多个，在导入的时候需要 {} eg: import {test, testA} from '@/utils/constant.js'; 如果需要全部导出的话需要 impo ......
Cesium之DrawCommand与绘制三角形
1. 引言 Cesium中的Command对象包含执行的指令参数和执行方法，Command对象主要有三类： ClearCommand DrawCommand ComputeCommand DrawCommand是最常用的指令，它是绘制的主角 DrawCommand封装如下，几乎包含了绘制所需要的全部 ......
Cesium学习说明 路线 资源
资源： Cesium官网：https://cesium.com/ Cesium github源码：https://github.com/CesiumGS/cesium Cesium官方API文档：https://cesium.com/learn/cesiumjs/ref-doc/ Cesium教程: ......
Cesium 案例（四） Video
Sandcastle-header.js存储在Cesium中Apps/Sandcastle/Sandcastle-header.js的位置，该js文件时用于创建下拉框和带选中框的按钮，引入该文件后，就会有一个Sandcastle全局对象，包含着很多方法。 // videoElement = docu ......
Cesium 案例（三） Web Map Service(WMS) Washington DC 2017
Cesium.Ion.defaultAccessToken = "token"; const viewer = new Cesium.Viewer("cesiumContainer"); // Add a WMS imagery layer const layer = new Cesium.Imag ......
js用前缀名查找class或id节点,js模糊查询某个dom节点
js在操作dom的场景中，有时候会有类似的场景需求。 js用前缀名查找class节点 // 参数dom为html dom节点 // 参数key为需模糊查询的名称字段 function queryClassNode(dom, key) { let collectArray = []; for (var ......
Rust编程语言入门之项目实例：- 命令行程序
项目实例：- 命令行程序 一、实例：接收命令行参数 本章内容 12.1 接收命令行参数 12.2 读取文件 12.3 重构：改进模块和错误处理 12.4 使用 TDD（测试驱动开发）开发库功能 12.5 使用环境变量 12.6 将错误消息写入标准错误而不是标准输出 创建项目 ~/rust ➜ car ......
Cesium 案例（二）Web MapTile Service with Time
使用官方github包，部分解释来源于http://cesium.xin/cesium/cn/Documentation1.95/index.html Cesium.Ion.defaultAccessToken =token; constviewer = newCesium.Viewer("cesi ......
js的继承
ES6 的继承：子 extends 父，哪里继承哪里写一个super() 代码： class Parent{ constructor(){ this.age=18 } } class Child extends Parent{ //子继承父 constructor(){ super() //加上su ......
WebGL-实例化绘制
今天来学习webgl一个重要功能：Instanced Drawing(实例化绘制)，内容翻译自webgl学习网站webglfundamentals(由于英语水平尽量按原文翻译)：https://webglfundamentals.org/webgl/lessons/webgl-instanced-d ......
Next.js 13 如何使用loading.js
要在next.js 13中使用loading.js，我们需要先在对应的文件目录下创建loading.js文件 文件结构如下： app test1 loading.tsx page.tsx 如上面的目录结构所示，我们创建了/test1路径下的页面，以及其对应的loading组件 我们知道，nextjs ......
Cesium实例化绘制（Instanced Drawing）
上篇《WebGL-实例化绘制》我们学习了实例化webgl底层实现原理，基于webgl1.0标准的扩展。这篇博客我们来了解下cesium引擎是如何支持实例化功能的。该篇公众号主要参考了博客：《Cesium原理篇：6 Render模块(6: Instance实例化)》。 假如有这样的需求：有四个不同颜色 ......
Mermaid（JS库）学习
Mermaid 学习 1. 指导文档 https://mermaid.js.org/intro/n00b-syntaxReference.html 2. 画图模板 2.1 流程图 flowchart LR A[Hard] -->|Text| B(Round) B --> C{Decision} C ......