矢量javascript图形snap
ArcMap中矢量数据修改标注Label的方法
本文介绍在**ArcMap**软件中，修改图层**标签**（**Label**）所显示字段与具体显示内容的方法。 在之前的文章中，我们看到了**ArcMap**中修改图层标签的重要性；可是，如何自定义图层的标签内容呢？ 在这里，我们还用之前博客中**Landsat**系列卫星数据的**WRS**分幅 ......
Note of SHU Computer Graphics (01): 计算机图形学概述
# 什么是计算机图形学? 研究怎样利用计算机来显示、生成和处理图形的原理、方法和技术的一门学科，这里的图形是指三维图形的处理。 - **图形**: 计算机图形学的研究对象 - 能在人的视觉系统中产生视觉印象的客观对象 - 包括自然景物、拍摄到的图片、用数学方法描述的图形等等 - **构成图形的要素* ......
学习JavaScript的路径
学习JavaScript的路径可以按照以下步骤进行： 了解基本概念：首先学习JavaScript的基本概念，包括变量、数据类型、运算符、数组、对象、循环和条件语句等。可以通过阅读相关的教材、在线课程或者参考W3Schools和MDN文档等来学习。 学习控制DOM元素：学习如何使用JavaScript ......
JavaScript Map.groupBy All In One
JavaScript Map.groupBy All In One
......
javascript: confirm alert box costomer style
// JavaScript Document /* 參考資源: https://developer.mozilla.org/en-US/docs/Web/API/Window/alert https://developer.mozilla.org/en-US/docs/Web/API/Window/ ......
在LaTeX的几何图形内嵌入图片
本文简单介绍在LaTeX中如何在几何图形内嵌入图片。 ### 1、环境 * 操作系统：Ubuntu 22.04 * 编译方式：XeLaTeX ### 2、完整示例代码 ```latex % 博客园，繁星间漫步，陆巍的博客 \documentclass{ctexart} \usepackage{gra ......
JavaScript—DOM
传统获取方式 传统方式元素获取方式 <body class="mybody"> <input type="button" value="点击" id="btn"> <div id="dv1" name="mydiv" class="cls"> <p>111</p> <p>222</p> </div> ......
JavaScript—节点
节点的概念 节点：网页中的所有内容都是节点，例如标签、属性、文本、注释、回车、换行、空格等。 节点属性：可以用标签--元素.出来，可以使用属性节点.出来,文本节点.点出来。 nodeType: 节点的类型： 1-标签DIV-1 2-属性:class 3-文本:innerText nodeName:节 ......
JavaScript—BOM
概念 BOM(Browser Object Model)是指浏览器对象模型，浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成，其中代表浏览器窗口的window对象是BOM的顶层对象，其他对象都是该对象的子对象。我们在浏览器中的一些操作都可以使用BdM的方式进 ......
JavaScript—轮播图
概念 轮播图（Carousel）是一种常见的网页设计元素，用于展示多张图片或信息。它通常由一个容器和一组水平排列的图片或内容组成。轮播图中的图片会按照一定的规律（例如自动轮播、点击切换或滑动切换等）进行切换，以便在有限的空间内展示多个内容。 HTML元素 网页元素 <div class="wrap" ......
JavaScript—数组
数组的概念 数组是指一组数据的集合，其中的每一个数据称作元素在数组中可以存放任意类型的元素。 数组是一种将一组数据存储在单个变量名下的方式。 创建数组 创建数组 var arr = new Array();// 使用new 创建一个空数组 var arr0 = []; //利用数组字面量创建数组 v ......
JavaScript—函数
函数的概念 在js里面，可能会定义非常多的相同代码或功能相似的代码，这些代码需要大量重复地使用。 函数就是封装了一段可被重复调用的代码块。通过代码块实现大量代码的重复使用。 函数示例 //常规方法 var sum = 0; for (var i = 1; i <= 100; i++) { sum + ......
JavaScript—作用域
JavaScript作用域： 就是代码名字（变量）在某个范围内起作用和效果。目的是/为了提高程序的可靠性同时减少命名冲突。 JavaScript作用域在（es6）之前：全局作用域和局部作用域。 全局作用域：整个Script标签或者一个单独的js文件。 局部作用域：在函数内部就是局部作用域。这个代码名 ......
JavaScript—预解析
预解析口诀：先声明再调用 JavaScript代码是由浏览器中的JavaScript解析器来执行的。JavaScript解析器在运行JavaScript代码的时候分为两步：预解析和代码执行。 预解析的变量问题 /*console.log(unknow);*/ // 报错:使用了未定义的变量 cons ......
JavaScript—对象
为什么需要对象 保存一个值时，可以使用变量，保存多个值（一组值）时，可以使用数组。如果要保存一个人的完整信息（信息面板）呢？ 在JavaScript中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如字符串、数值、数组、函数等。 对象是由属性和方法组成。 属性：事物的特征，在对象中用属 ......
JavaScript—内置对象
内置对象是什么 JavaScript中的对象分为三种：自定义对象，内置对象和浏览器对象。 前面两种对象是JS基础内容，属于ECMAScript；第三个浏览器对象属于我们JS独有的。 内置对象就是指JS语言自带的一些对象，这些对象供开发者使用，并提供了一些常用的或是最基本而必要的功能（属性和方法）。 ......
JavaScript—运算符
算术运算符 概念：算术运算使用的符号，用于执行两个变量或值的算术运算。 运算符 描述 例子 + 加 1+1-2 - 减 1-1=0 * 乘 1*1=1 / 除 1/1=1 % 取模（取余数） 1%1=0 算数运算符 console.log(1 + 1); console.log(1 - 1); co ......
JavaScript—流程控制（分支）
流程控制 在程序执行的过程中，各条代码的执行顺序对程序的结果是有直接影响的。通常需要通过控制代码的执行顺序来实现我们要完成的功能。 简单理解：流程控制就是控制我们的代码按照什么结构顺序来执行。 流程控制主要有三种结构，分别是顺序结构、分支结构和循环结构，这三种结构代表三种代码执行顺序。 顺序流程控制 ......
JavaScript—标识符命名规范
标识符的语法规范 变量、函数必须要有意义 变量名名称一般用名词 函数的名称一般用动词 操作符规范 操作符两边各保留一个空格 单行注释规范 单行注释前有个空格。（如图红框处） 注释规范图 其他规范 如图所示红框处空格 其他规范图 ......
JavaScript—简单类型与复杂类型
简单数据类型的内存分配 简单类型又叫做基本数据类型或者值类型，复杂类型又叫做引用类型。 （简单）值类型：简单数据类型/基本数据类型，在存储时变量中存储的是值本身，因此叫做值类型：string，number，boolean，undefined，null。 简单数据类型存放在栈里面 查看代码 var t ......
JavaScript—转换为布尔类型
方式 说明 案例 Boolean()函数 其他类型转为布尔类型 Boolean('true') 代表空、否定的值会被转换为false，如 '' 、0、NaN 、null 、undefined 其余值都转换为ture 布尔转换 console.log(Boolean('')); console.log ......
JavaScript—计算年龄、简单加法器
计算年龄： 弹出输入框prompt，提示用户输入出生年份。 把输入内容保存起来，用今年的年份减去变量，得到现在的年龄。 利用弹出窗口（alert）输出结果。 计算年龄 var year = prompt('请输入你的出生年份：'); var age= 2023 - year; alert('你的年龄 ......
JavaScript—标识符、关键字、保留字
标识（zhi）符：是指开发人员为变量、属性、函数、参数取的名字。标识符不能是关键字或保留字 关键字：是指JS本身已经使用的字，不能再用它充当变量名或方法名。 包括 break、case、catch、continue、dfault、delete、do、else、do、else、finally、for、 ......
JavaScript—parselnt、parseFloat、Number、隐式转换
方式 说明 案例 parselnt(string) 把string类型转为数值类型 parselnt（'78'） parseFloat(string) 把string类型转换为浮点型 parseFloat(78.21) Number()强制转换函数 把string类型转换为数值类型 parseFlo ......
COMP123 2D图形算法难点讨论
COMP123 Primitive 2D DrawingAssignment SpecificationIn this assignment, you will be required to implement some of the algorithms that we have discusse ......
Qt绘制3D图形例程
本文主要内容是关于QOpenGLWidget的使用。此控件用于代替旧的QGLWidget类。关于此类的使用方法可以参考Qt帮助相关内容。 glDrawArrays(...)函数参数说明：OpenGL 理解GL_TRIANGLE_STRIP、GL_TRIANGLE_FAN等绘制三角形序列的三种方式_匆 ......
Javascript的作用域
#var ”变量提升“现象，只是声明的提升，定义或者赋值不提升 代码例子1： // var 的情况 console.log(foo); // 输出undefined var foo = 2; 等效于 // var 的情况 var foo; console.log(foo); // 输出undefin ......
javascript 两个小于号
JavaScript中有一个特殊的运算符，被称为“双小于号”。这个运算符的符号是“<<”，作用是将一个数的二进制形式向左移动指定的位数。在移位过程中，右侧的位将会自动补0。双小于号在JavaScript中常常用于进行位运算操作，让我们来了解一下它的具体用法。 参考：https://www.yzktw ......
What's the difference between Async Await and Promise in JavaScript All In One
# What's the difference between Async Await and Promise in JavaScript All In One > `Async` vs `Promise` ## demos --> ## (🐞 反爬虫测试！打击盗版⚠️）如果你看到这个信息, 说明 ......