当前位置： 首页 > news >正文

CesiumJS+SuperMap3D.js混用实现可视域分析 S3M图层加载 裁剪区域绘制

news 2025/7/8 18:47:50

版本简介：

cesium：1.99；Supermap3D：SuperMap iClient JavaScript 11i(2023)；

官方下载文档链家：SuperMap技术资源中心|为您提供全面的在线技术服务

示例参考：support.supermap.com.cn:8090/webgl/Cesium/examples/webgl/examples.html#analysis

support.supermap.com.cn:8090/webgl/examples/webgl/examples.html

Cesium：场景初始化、渲染、Bing地图、S3M图层加载。

SuperMap3D：可视域分析、S3M图层加载、裁剪区域绘制、Knockout绑定等功能。

两者结合：Cesium 提供基础渲染和事件处理，SuperMap3D 提供高级的功能实现。

1. Cesium 部分

场景初始化与配置
Cesium.Ion.defaultAccessToken = '...';
var viewer = new Cesium.Viewer('Container', {selectionIndicator: false,infoBox: false,terrainProvider: Cesium.createWorldTerrain()
});
viewer.resolutionScale = window.devicePixelRatio;
  • 这段代码是使用 Cesium 进行场景渲染的部分。Cesium.Ion.defaultAccessToken 用于访问 Cesium Ion 服务，viewer 是 Cesium Viewer 的实例，它用于创建一个可视化容器，其中指定了Container元素来渲染场景。createWorldTerrain() 设置了全球地形服务，resolutionScale 提高了分辨率，以适应高DPI屏幕。
添加Bing地图图层
viewer.imageryLayers.addImageryProvider(new Cesium.BingMapsImageryProvider({url: 'https://dev.virtualearth.net',mapStyle: Cesium.BingMapsStyle.AERIAL,key: URL_CONFIG.BING_MAP_KEY
}));
  • 这里是Cesium的图层管理部分，使用 BingMapsImageryProvider 添加了 Bing 地图的航拍图层。Cesium 的图层管理方式主要通过 imageryLayers.addImageryProvider() 实现。
事件处理与视口操作
var handler = new Cesium.ScreenSpaceEventHandler(scene.canvas);
handler.setInputAction(function (e) {//...
}, Cesium.ScreenSpaceEventType.MOUSE_MOVE);
  • 这一部分代码处理的是 Cesium 中的鼠标事件，如屏幕空间事件(ScreenSpaceEventHandler) 和鼠标移动事件 (MOUSE_MOVE)。这是 Cesium 的交互控制，通过捕捉鼠标操作来对场景进行更新。

2. SuperMap3D 部分

可视域分析与裁剪
var viewshed3D = new SuperMap3D.ViewShed3D(scene);
  • 这里是 SuperMap3D 提供的可视域分析功能的初始化。SuperMap3D.ViewShed3D 是用于在 3D 场景中执行可视域分析的类，用于计算某个点是否可见。
加载S3M图层
var promise = scene.open('http://www.supermapol.com/realspace/services/3D-CBD-2/rest/realspace');
SuperMap3D.when(promise, function (layers) {// 设置相机位置等操作
}, function (e) {// 错误处理
});
  • 这里通过 scene.open() 加载了 SuperMap3D 的 S3M 图层，这个图层是 SuperMap 提供的特定格式，通常用于大规模3D场景的渲染和展示。
裁剪区域操作
var handlerPolygon = new SuperMap3D.DrawHandler(viewer, SuperMap3D.DrawMode.Polygon, 0); 
handlerPolygon.movingEvt.addEventListener(function (windowPosition) {if (handlerPolygon.isDrawing) {tooltip.showAt(windowPosition, '<p>绘制相交区域(右键结束绘制)</p>'); // 绘制提示}
});
handlerPolygon.drawEvt.addEventListener(function (result) {var array = [].concat(result.object.positions);var positions = [];for (var i = 0, len = array.length; i < len; i++) {var cartographic = SuperMap3D.Cartographic.fromCartesian(array[i]);var longitude = SuperMap3D.Math.toDegrees(cartographic.longitude);var latitude = SuperMap3D.Math.toDegrees(cartographic.latitude);var h = cartographic.height;positions.push(longitude, latitude, h);}viewshed3D.addClipRegion({name: 'test', position: positions}); // 添加裁剪区域
});
  • 这是 SuperMap3D 的裁剪操作部分。通过 SuperMap3D.DrawHandler 绘制多边形区域，viewshed3D.addClipRegion() 函数则用于将绘制的区域应用到可视域分析对象中，进行裁剪。
  • DrawHandler 用于激活绘制多边形裁剪面的功能。
  • movingEvt 事件在绘制过程中显示提示信息。
  • drawEvt 事件在绘制完成时获取多边形的坐标，并将其设置为可视域的裁剪区域。
Knockout 绑定
SuperMap3D.knockout.track(viewModel);
SuperMap3D.knockout.applyBindings(viewModel, toolbar);
  • 这段代码是使用 SuperMap3D 提供的 Knockout 绑定功能，目的是将数据模型 viewModel 与 UI 绑定。这个功能允许动态更新可视域分析的参数。

3. Cesium 和 SuperMap3D 的结合

Cesium 在整个代码中主要负责场景渲染、基础交互和图层的管理，如初始化 Viewer、处理鼠标事件、添加图层等。而 SuperMap3D 负责具体的功能实现，比如可视域分析、S3M 图层加载、裁剪操作等。

两者通过 viewer.scene 来共享场景，SuperMap3D 的功能在 Cesium 的场景之上实现。例如：

  • var viewshed3D = new SuperMap3D.ViewShed3D(scene); —— 这里的 scene 是 Cesium 场景，而 viewshed3D 是 SuperMap3D 的可视域对象，它依赖于 Cesium 的场景。
  • 加载S3M图层和添加裁剪区域也是在 Cesium 场景中进行操作，二者配合使用

 4.完整代码展示

<!DOCTYPE html>
<html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"><meta name="viewport"content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"><title>可视域分析</title><link href="../../public/SuperMap3D/Widgets/widgets.css" rel="stylesheet"><link rel="stylesheet" href="./css/font-awesome.min.css"><link href="../css/pretty.css" rel="stylesheet"><link href="../css/style.css" rel="stylesheet"><link href="../css/viewshed3D.css" rel="stylesheet"><script type="text/javascript" src="../js/jquery.min.js"></script><script src="../js/slider.js"></script><script src="../js/config.js"></script><script src="../js/tooltip.js"></script><script src="../js/spectrum.js"></script><script type="text/javascript" src="../../public/SuperMap3D/SuperMap3D.js"></script><script src="../../../Cesium-1.99/Build/Cesium/Cesium.js"></script><link href="../../../Cesium-1.99/Build/Cesium/Widgets/widgets.css">
</head><body>
<div id="Container"></div>
<div id='loadingbar' class="spinner"><div class="spinner-container container1"><div class="circle1"></div><div class="circle2"></div><div class="circle3"></div><div class="circle4"></div></div><div class="spinner-container container2"><div class="circle1"></div><div class="circle2"></div><div class="circle3"></div><div class="circle4"></div></div><div class="spinner-container container3"><div class="circle1"></div><div class="circle2"></div><div class="circle3"></div><div class="circle4"></div></div>
</div>
<div id="toolbar" class="param-container tool-bar"><button type="button" id="chooseView" class="button black">绘制可视域</button><button type="button" id="cilpRegion" class="button black">绘制裁剪面</button><button type="button" id="clear" class="button black">清除</button><div class="param-item"><b>裁剪模式：</b><select id="clip-mode" class="supermap3d-button"><option value="keep-inside">保留区域内</option><option value="keep-outside">保留区域外</option></select></div>
</div><div id="wrapper" style="display:none"><div id="login" class="animate form"><span class="close" aria-hidden="true">×</span><form><h1>属性编辑</h1><p><div><label>方向(度)</label><input type="range" id="direction" min="0" max="360" step="1.0" title="方向"data-bind="value: direction, valueUpdate: 'input'"><input type="text" size="5" data-bind="value: direction"></div><div><label>翻转(度)</label><input type="range" id="pitch" min="-90" max="90" step="1.0" value="1" title="翻转"data-bind="value: pitch, valueUpdate: 'input'"><input type="text" size="5" data-bind="value: pitch"></div><div><label>距离(米)</label><input type="range" id="distance" min="1" max="500" step="1.0" value="1" title="距离"data-bind="value: distance, valueUpdate: 'input'"><input type="text" size="5" data-bind="value: distance"></div><div><label>水平视场角(度)</label><input type="range" id="horizonalFov" min="1" max="120" step="1" value="1" title="水平视场角"data-bind="value: horizontalFov, valueUpdate: 'input'"><input type="text" size="5" data-bind="value: horizontalFov"></div><div><label>垂直视场角(度)</label><input type="range" id="verticalFov" min="1" max="90" step="1.0" value="1" title="垂直视场角"data-bind="value: verticalFov, valueUpdate: 'input'"><input type="text" size="5" data-bind="value: verticalFov"></div></p><p><div class="square square-left"><label>可见区域颜色</label><input class="colorPicker" data-bind="value: visibleAreaColor,valueUpdate: 'input'"id="colorPicker1"/></div><div class="square square-right"><label>不可见区域颜色</label><input class="colorPicker"data-bind="value: invisibleAreaColor,valueUpdate: 'input'"id="colorPicker2"/></div></p><br/><br/><p><label>本例中观察者附加高度：1.8 米</label></p></form></div>
</div><script type="text/javascript">function onload(Cesium) {Cesium.Ion.defaultAccessToken = 'your token'var viewer = new Cesium.Viewer('Container', {selectionIndicator: false,infoBox: false,terrainProvider: Cesium.createWorldTerrain()});viewer.resolutionScale = window.devicePixelRatio;viewer.scenePromise.then(function(scene){init(Cesium, scene, viewer);});}function init(Cesium, scene, viewer) {var labelImagery = new Cesium.TiandituImageryProvider({mapStyle: Cesium.TiandituMapsStyle.CIA_C,//天地图全球中文注记服务token: 'your token' //由天地图官网申请的密钥});var scene = viewer.scene;scene.lightSource.ambientLightColor = new Cesium.Color(0.65, 0.65, 0.65, 1);var viewPosition;if (!scene.pickPositionSupported) {alert('不支持深度纹理,可视域分析功能无法使用（无法添加观测）！');}// 先将此标记置为true，不激活鼠标移动事件中对可视域分析对象的操作scene.viewFlag = true;var pointHandler = new Cesium.DrawHandler(viewer, Cesium.DrawMode.Point);// 创建可视域分析对象var viewshed3D = new SuperMap3D.ViewShed3D(scene);var colorStr1 = viewshed3D.visibleAreaColor.toCssColorString();var colorStr2 = viewshed3D.hiddenAreaColor.toCssColorString();var widget = viewer.Widget;try {//添加S3M图层var promise = scene.open('http://www.supermapol.com/realspace/services/3D-CBD-2/rest/realspace');SuperMap3D.when(promise, function (layers) {// 图层加载完成,设置相机位置scene.camera.setView({destination: SuperMap3D.Cartesian3.fromDegrees(116.44366835831197, 39.907137217792666, 48.237028126511696),orientation: {heading: 1.6310555040487564,pitch: 0.0017367269669030794,roll: 3.007372129104624e-12}});for (var i = 0; i < layers.length; i++) {layers[i].selectEnabled = false;}}, function (e) {if (widget._showRenderLoopErrors) {var title = '加载SCP失败，请检查网络连接状态或者url地址是否正确？';widget.showErrorPanel(title, undefined, e);}});} catch (e) {if (widget._showRenderLoopErrors) {var title = '渲染时发生错误，已停止渲染。';widget.showErrorPanel(title, undefined, e);}}var handler = new Cesium.ScreenSpaceEventHandler(scene.canvas);// 鼠标移动时间回调handler.setInputAction(function (e) {// 若此标记为false，则激活对可视域分析对象的操作if (!scene.viewFlag) {//获取鼠标屏幕坐标,并将其转化成笛卡尔坐标var windowPosition = e.endPosition;scene.pickPositionAsync(windowPosition).then((last)=>{//计算该点与视口位置点坐标的距离var distance = SuperMap3D.Cartesian3.distance(viewPosition, last);if (distance > 0) {// 将鼠标当前点坐标转化成经纬度var cartographic = Cesium.Cartographic.fromCartesian(last);var longitude = Cesium.Math.toDegrees(cartographic.longitude);var latitude = Cesium.Math.toDegrees(cartographic.latitude);var height = cartographic.height;// 通过该点设置可视域分析对象的距离及方向viewshed3D.setDistDirByPoint([longitude, latitude, height]);}})}}, Cesium.ScreenSpaceEventType.MOUSE_MOVE);handler.setInputAction(function (e) {//鼠标右键事件回调，不再执行鼠标移动事件中对可视域的操作scene.viewFlag = true;$("#wrapper").show();viewModel.direction = viewshed3D.direction;viewModel.pitch = viewshed3D.pitch;viewModel.distance = viewshed3D.distance;viewModel.horizontalFov = viewshed3D.horizontalFov;viewModel.verticalFov = viewshed3D.verticalFov;}, Cesium.ScreenSpaceEventType.RIGHT_CLICK);var tooltip = createTooltip(document.body);//绘制裁剪面var handlerPolygon = new SuperMap3D.DrawHandler(viewer, SuperMap3D.DrawMode.Polygon, 0);handlerPolygon.activeEvt.addEventListener(function (isActive) {if (isActive == true) {viewer.enableCursorStyle = false;viewer._element.style.cursor = '';$('body').removeClass('drawCur').addClass('drawCur');} else {viewer.enableCursorStyle = true;$('body').removeClass('drawCur');}});handlerPolygon.movingEvt.addEventListener(function (windowPosition) {if (handlerPolygon.isDrawing) {tooltip.showAt(windowPosition, '<p>绘制相交区域(右键结束绘制)</p>');}});handlerPolygon.drawEvt.addEventListener(function (result) {tooltip.setVisible(false);var array = [].concat(result.object.positions);var positions = [];for (var i = 0, len = array.length; i < len; i++) {var cartographic = SuperMap3D.Cartographic.fromCartesian(array[i]);var longitude = SuperMap3D.Math.toDegrees(cartographic.longitude);var latitude = SuperMap3D.Math.toDegrees(cartographic.latitude);var h = cartographic.height;if (positions.indexOf(longitude) == -1 && positions.indexOf(latitude) == -1) {positions.push(longitude);positions.push(latitude);positions.push(h);}}handlerPolygon.polygon.show = false;handlerPolygon.polyline.show = false;viewshed3D.addClipRegion({name: 'test', position: positions});handlerPolygon.deactivate();});pointHandler.drawEvt.addEventListener(function (result) {// var point = result.object;var position = result.object.position;viewPosition = position;// 将获取的点的位置转化成经纬度var cartographic = Cesium.Cartographic.fromCartesian(position);var longitude = Cesium.Math.toDegrees(cartographic.longitude);var latitude = Cesium.Math.toDegrees(cartographic.latitude);var height = cartographic.height + 1.8;// point.position = SuperMap3D.Cartesian3.fromDegrees(longitude, latitude, height);if (scene.viewFlag) {// 设置视口位置viewshed3D.viewPosition = [longitude, latitude, height];viewshed3D.build();// 将标记置为false以激活鼠标移动回调里面的设置可视域操作scene.viewFlag = false;}});var viewModel = {direction: 1.0,pitch: 1.0,distance: 1.0,verticalFov: 1.0,horizontalFov: 1.0,visibleAreaColor: '#ffffffff',invisibleAreaColor: '#ffffffff'};SuperMap3D.knockout.track(viewModel);var toolbar = document.getElementById('wrapper');SuperMap3D.knockout.applyBindings(viewModel, toolbar);SuperMap3D.knockout.getObservable(viewModel, 'direction').subscribe(function (newValue) {if(viewshed3D.direction !== parseFloat(newValue)){viewshed3D.direction = parseFloat(newValue);viewshed3D.removeClipRegion('test');}});SuperMap3D.knockout.getObservable(viewModel, 'pitch').subscribe(function (newValue) {if(viewshed3D.pitch !== parseFloat(newValue)){viewshed3D.pitch = parseFloat(newValue);viewshed3D.removeClipRegion('test');}});SuperMap3D.knockout.getObservable(viewModel, 'distance').subscribe(function (newValue) {if(viewshed3D.distance !== parseFloat(newValue)){viewshed3D.distance = parseFloat(newValue);viewshed3D.removeClipRegion('test');}});SuperMap3D.knockout.getObservable(viewModel, 'verticalFov').subscribe(function (newValue) {if(viewshed3D.verticalFov !== parseFloat(newValue)){viewshed3D.verticalFov = parseFloat(newValue);viewshed3D.removeClipRegion('test');}});SuperMap3D.knockout.getObservable(viewModel, 'horizontalFov').subscribe(function (newValue) {if(viewshed3D.horizontalFov !== parseFloat(newValue)){viewshed3D.horizontalFov = parseFloat(newValue);viewshed3D.removeClipRegion('test');}});SuperMap3D.knockout.getObservable(viewModel, 'visibleAreaColor').subscribe(function (newValue) {var color = SuperMap3D.Color.fromCssColorString(newValue);viewshed3D.visibleAreaColor = color;});SuperMap3D.knockout.getObservable(viewModel, 'invisibleAreaColor').subscribe(function (newValue) {var color = SuperMap3D.Color.fromCssColorString(newValue);viewshed3D.hiddenAreaColor = color;});$("#colorPicker1").spectrum({color: colorStr1,showPalette: true,showAlpha: true,localStorageKey: "spectrum.demo",preferredFormat:'rgb'});$('#colorPicker2').spectrum({color: colorStr2,showPalette: true,showAlpha: true,localStorageKey: "spectrum.demo",preferredFormat:'rgb'});$(".close").click(function () {$("#wrapper").hide();});$("#chooseView").click(function (e) {if (pointHandler.active) {return;}//先清除之前的可视域分析// viewer.entities.removeAll();viewshed3D.distance = 0.1;scene.viewFlag = true;//激活绘制点类pointHandler.activate();});$("#clip-mode").on("input propertychange", function () {clipMode = $(this).val() === 'keep-inside' ? SuperMap3D.ClippingType.KeepInside : SuperMap3D.ClippingType.KeepOutside;viewshed3D.setClipMode(clipMode);});$("#cilpRegion").click(function (e) {handlerPolygon.deactivate();handlerPolygon.activate();});$("#clear").on("click", function () {viewshed3D.removeAllClipRegion();// 清除观察点pointHandler.clear()$("#wrapper").hide();viewshed3D.distance = 0.1;scene.viewFlag = true;})$('#loadingbar').remove();$("#toolbar").show();}if (typeof SuperMap3D !== 'undefined') {window.startupCalled = true;onload(SuperMap3D);}
</script>
</body></html>

注意替换Cesium.Ion.defaultAccessToken，以及天地图官网申请的密钥 

5.效果展示：

相关文章：

CesiumJS+SuperMap3D.js混用实现可视域分析 S3M图层加载 裁剪区域绘制

版本简介&#xff1a; cesium&#xff1a;1.99&#xff1b;Supermap3D&#xff1a;SuperMap iClient JavaScript 11i(2023)&#xff1b; 官方下载文档链家&#xff1a;SuperMap技术资源中心|为您提供全面的在线技术服务 示例参考&#xff1a;support.supermap.com.cn:8090/w…...

编程日记 2024/9/15 14:36:12

Fish-Speech 部署安装指南

Fish Speech 是由 Fish Audio 团队开发的一款开源文本转语音&#xff08;TTS&#xff09;模型&#xff0c;它在多语言支持和性能方面取得了显著的突破。根据证据显示&#xff0c;Fish Speech 最新版本为 1.4 版本&#xff0c;该版本不仅提升了对多种语言的支持&#xff0c;还大…...

编程日记 2024/9/15 14:34:09

Excel 国产化替换新方案

前言 在当前数字化转型和信创&#xff08;信息技术应用创新&#xff09;战略背景下&#xff0c;企业对于安全性、自主可控性和高效办公工具的需求日益增加。作为一款国产自主研发的高性能表格控件&#xff0c;SpreadJS 正成为替换 Excel 的最佳选择。它不仅全面支持国产化认证…...

编程日记 2024/9/15 14:33:08

在职研生活学习--20240908

文章目录 九月八日清晨&#xff0c;我们在鸟鸣声中醒来&#xff0c;精神饱满地迎接大汇演的挑战。上午&#xff0c;我们被分成舞龙队、旗手队、拳队、鼓队四个特色团队进行练习。阳光下&#xff0c;我们挥汗如雨&#xff0c;却乐此不疲。鼓声隆隆&#xff0c;龙舞飞扬&#xff…...

编程日记 2024/9/15 14:28:00

chattr：修改文件的特殊属性

​chattr ​命令用于改变文件的特殊属性&#xff0c;也称为"chattr 属性"。这些属性可以提供额外的安全性和控制&#xff0c;如设置文件为不可修改、只允许在文件末尾添加数据等。 ‍ 一、Linux 文件属性 文件属性是指与文件相关联的元数据&#xff0c;这些属性决…...

编程日记 2024/9/15 14:24:56

vue-router 在新的标签页打开链接/路由

前言 vue-router 在新的标签页打开链接/路由&#xff0c;由于官方没有提供对链接target属性的配置&#xff0c;要实现这个需求&#xff0c;需要自行实现&#xff0c;这里提供几个方案供参考。 调用 API vue-router 的路由实例除了常见的 push, replace, go 等接口&#xff0…...

编程日记 2024/9/15 14:19:46

Ansys HFSS的边界条件与激励端口

本文将介绍HFSS边界条件、激励端口，然后重点介绍连接器信号完整性仿真应用最多的波端口(wave port)及其尺寸设置要点。 HFSS (电磁仿真)边界条件 HFSS中所谓的边界并非真正意义上的边界，边界条件是指定问题区域和对象边缘的场行为接口。在HFSS的背景下，边界的存在主要有两个…...

编程日记 2024/9/15 14:18:45

C++：线程库

C&#xff1a;线程库 threadthreadthis_threadchrono 引用拷贝问题 mutexmutextimed_mutexrecursive_mutexlock_guardunique_lock atomicatomicCAS condition_variablecondition_variable thread 操作线程需要头文件<thread>&#xff0c;头文件包含线程相关操作&#xf…...

编程日记 2024/9/15 14:17:42

StarRocks实时分析数据库的基础与应用

1. 什么是 StarRocks&#xff1f; StarRocks 是一款开源的在线分析处理&#xff08;OLAP&#xff09;数据库&#xff0c;专为实时、低延迟的分析场景而设计。它以其大规模并行处理&#xff08;MPP&#xff09;架构和列式存储设计&#xff0c;极大地提高了查询性能和处理效率。…...

编程日记 2024/9/15 14:16:36

golang学习笔记17——golang使用go-kit框架搭建微服务详解

推荐学习文档 golang应用级os框架&#xff0c;欢迎stargolang应用级os框架使用案例&#xff0c;欢迎star案例&#xff1a;基于golang开发的一款超有个性的旅游计划app经历golang实战大纲golang优秀开发常用开源库汇总想学习更多golang知识&#xff0c;这里有免费的golang学习笔…...

编程日记 2024/9/15 14:15:35

git update-ref

git update-ref 是一个低级别的 Git 命令&#xff0c;用于直接更新 Git 的引用&#xff08;refs&#xff09;。这个命令可以用来设置或删除分支、标签或其他引用的值&#xff0c;通常用于脚本或复杂的 Git 操作中。 基本用法 git update-ref <ref> <new-value> […...

编程日记 2024/9/15 14:14:34

学习使用在windows系统上安装nodejs以及环境配置图文教程整理

学习使用在windows系统上安装nodejs以及环境配置图文教程整理 Node.js 介绍Node.js 安装1、Node.js下载2、Node.js安装3、Node.js测试4、Node.js安装目录5、Node.js环境变量配置6、配置镜像站&#xff0c;提升速度7、检查镜像站配置8、测试环境变量是否生效9、安装cnpm Node.js…...

编程日记 2024/9/15 14:12:32

Hexo框架学习——从安装到配置

第一章 Hexo入门 Hexo 是一个快速、简洁且高效的博客框架。 1.1 Hexo的下载与安装 1.1.1 Hexo下载 在下载Hexo之前&#xff0c;我们需要确保电脑上已经安装好以下软件&#xff1a; Node.js (Node.js 版本需不低于 10.13&#xff0c;建议使用 Node.js 12.0 及以上版本) Git…...

编程日记 2024/9/15 14:11:30

搭建Windows下的Rust开发环境

【图书介绍】《Rust编程与项目实战》-CSDN博客 《Rust编程与项目实战》(朱文伟&#xff0c;李建英)【摘要 书评 试读】- 京东图书 (jd.com) Rust编程与项目实战_夏天又到了的博客-CSDN博客 2.1.1 安装vs_buildtools 在Windows系列操作系统中&#xff0c;Rust开发环境需要依…...

编程日记 2024/9/15 14:08:28

[linux 驱动]misc设备驱动详解与实战

目录 1 描述 2 结构体 2.1 miscdevice 2.2 file_operations 3 注册和注销 3.1 misc_register 3.2 misc_deregister 4 解析 misc 内核源码 4.1 核心代码 4.2 函数解析 4.2.1 class_create_file 4.2.2 class_destroy 4.2.3 register_chrdev 5 示例 5.1 简单示例 5…...

编程日记 2024/9/15 14:07:27

C/S架构与B/S架构的适用场景分析

C/S架构&#xff08;客户端/服务器架构&#xff09;与B/S架构&#xff08;浏览器/服务器架构&#xff09;在适用场景上各有特点&#xff0c;主要取决于应用的具体需求、用户群体、系统维护成本、跨平台需求等因素。 一、C/S架构的适用场景 1、高性能与交互性要求高的应用&…...

编程日记 2024/9/15 14:06:26

AI论文精读笔记-Generative Adversarial Nets(GAN)

1. 论文基本信息 论文标题&#xff1a;Generative Adversarial Nets 作者&#xff1a;Ian J. Goodfellow,∗ Jean Pouget-Abadie,† Mehdi Mirza, Bing Xu, David Warde-Farley, Sherjil Ozair,‡ Aaron Courville, Yoshua Bengio 发表时间和期刊&#xff1a;2014.06&#xf…...

编程日记 2024/9/15 14:01:22

Redis（主从复制、哨兵模式、集群）概述及部署测试

目录 一、Redis 主从复制 1.1、Redis 主从复制概念 1.2、主从复制的作用 1.3、主从复制流程 1.4、搭建Redis 主从复制 二、Redis 哨兵模式 2.1、Redis 哨兵模式概念 2.2、哨兵模式原理 2.3、哨兵模式的作用 2.4、哨兵模式的结构 2.5、故障转移机制 2.6、主节点的选…...

编程日记 2024/9/15 14:00:21

jmeter吞吐量控制器

一、吞吐量控制器作用&#xff1a;旨在混合场景中&#xff0c;控制样本数&#xff0c;通常在比例场景中使用 吞吐量控制器提供了两种控制模式&#xff1a; 百分比执行&#xff08;Percent Executions&#xff09;&#xff1a; 吞吐量控制器会根据配置的百分比来决定其下的作用…...

编程日记 2024/9/15 13:56:13

【GBase 8c V5_3.0.0 分布式数据库常用几个SQL】

1.检查应用连接数 以管理员用户 gbase&#xff0c;登录数据库主节点。 接数据库&#xff0c;并执行如下 SQL 语句查看连接数。 SELECT count(*) FROM (SELECT pg_stat_get_backend_idset() AS backendid) AS s;2.查看空闲连接 查看空闲(state 字段为”idle”)且长时间没有更…...

编程日记 2024/9/15 13:55:12

Cursor实现用excel数据填充word模版的方法

cursor主页&#xff1a;https://www.cursor.com/ 任务目标&#xff1a;把excel格式的数据里的单元格&#xff0c;按照某一个固定模版填充到word中 文章目录 注意事项逐步生成程序1. 确定格式2. 调试程序 注意事项 直接给一个excel文件和最终呈现的word文件的示例&#xff0c;…...

编程新知 2025/6/18 2:20:36

Java 语言特性(面试系列1)

一、面向对象编程 1. 封装&#xff08;Encapsulation&#xff09; 定义&#xff1a;将数据&#xff08;属性&#xff09;和操作数据的方法绑定在一起&#xff0c;通过访问控制符&#xff08;private、protected、public&#xff09;隐藏内部实现细节。示例&#xff1a; public …...

编程新知 2025/6/17 14:49:12

多场景 OkHttpClient 管理器 - Android 网络通信解决方案

下面是一个完整的 Android 实现&#xff0c;展示如何创建和管理多个 OkHttpClient 实例&#xff0c;分别用于长连接、普通 HTTP 请求和文件下载场景。 <?xml version"1.0" encoding"utf-8"?> <LinearLayout xmlns:android"http://schemas…...

编程新知 2025/6/20 19:09:22

Java如何权衡是使用无序的数组还是有序的数组

在 Java 中，选择有序数组还是无序数组取决于具体场景的性能需求与操作特点。以下是关键权衡因素及决策指南： ⚖️ 核心权衡维度 维度有序数组无序数组查询性能二分查找 O(log n) ✅线性扫描 O(n) ❌插入/删除需移位维护顺序 O(n) ❌直接操作尾部 O(1) ✅内存开销与无序数组相…...

编程新知 2025/7/4 21:35:34

Go 语言接口详解

Go 语言接口详解 核心概念 接口定义 在 Go 语言中&#xff0c;接口是一种抽象类型&#xff0c;它定义了一组方法的集合&#xff1a; // 定义接口 type Shape interface {Area() float64Perimeter() float64 } 接口实现 Go 接口的实现是隐式的&#xff1a; // 矩形结构体…...

编程新知 2025/7/7 11:11:25

渲染学进阶内容——模型

最近在写模组的时候发现渲染器里面离不开模型的定义，在渲染的第二篇文章中简单的讲解了一下关于模型部分的内容，其实不管是方块还是方块实体，都离不开模型的内容 🧱 一、CubeListBuilder 功能解析 CubeListBuilder 是 Minecraft Java 版模型系统的核心构建器，用于动态创…...

编程新知 2025/7/5 19:48:37

剑指offer20_链表中环的入口节点

链表中环的入口节点 给定一个链表&#xff0c;若其中包含环&#xff0c;则输出环的入口节点。 若其中不包含环&#xff0c;则输出null。 数据范围 节点 val 值取值范围 [ 1 , 1000 ] [1,1000] [1,1000]。 节点 val 值各不相同。 链表长度 [ 0 , 500 ] [0,500] [0,500]。 …...

编程新知 2025/7/8 14:40:54

JVM暂停（Stop-The-World，STW）的原因分类及对应排查方案

JVM暂停（Stop-The-World，STW）的完整原因分类及对应排查方案，结合JVM运行机制和常见故障场景整理而成： 一、GC相关暂停​​ 1. ​​安全点（Safepoint）阻塞​​ ​​现象​​：JVM暂停但无GC日志，日志显示No GCs detected。​​原因​​：JVM等待所有线程进入安全点（如…...

编程新知 2025/7/7 20:19:14

USB Over IP专用硬件的5个特点

USB over IP技术通过将USB协议数据封装在标准TCP/IP网络数据包中&#xff0c;从根本上改变了USB连接。这允许客户端通过局域网或广域网远程访问和控制物理连接到服务器的USB设备&#xff08;如专用硬件设备&#xff09;&#xff0c;从而消除了直接物理连接的需要。USB over IP的…...

编程新知 2025/7/7 15:17:31

蓝桥杯 冶炼金属

原题目链接 &#x1f527; 冶炼金属转换率推测题解 &#x1f4dc; 原题描述 小蓝有一个神奇的炉子用于将普通金属 O O O 冶炼成为一种特殊金属 X X X。这个炉子有一个属性叫转换率 V V V&#xff0c;是一个正整数&#xff0c;表示每 V V V 个普通金属 O O O 可以冶炼出 …...

编程新知 2025/6/21 11:16:25