警警的博客

1.关于WebGISWebGIS（网络地理信息系统）是指工作在Web网上的GIS,是传统的GIS在网络上的延伸和发展，具有传统GIS的特点，可以实现空间数据的检索、查询、制图输出、编辑等GIS基本功能，同时也是Internet 上地理信息发布、共享和交流协作的基础。互联网深刻地改变了我们的工作和生活,也改变了地理信息系统,两者的融合产生了WebGIS。随着互联网和移动互联网的迅速普及,WebGIS也迅速发展,以其广泛的应用价值和独特的魅力,成为现代生活的日常工具和现代社会的技术支柱。近些年来, We

笔者初次主导接手一个网站建设项目，该项目是基于博达网站群的Web网站建设。小挣了几千元~~ 在建设过程中，笔者发现网上相关资源虽然还比较多，但是很散，所以决定写一篇入门级的文章供参考。 资源推荐：博达网站：http://www.vsbclub.com/和B站上博达网站建设的相关视频。 文章内容和资源如有侵权请联系笔者，笔者将删除相关内容或整篇文章.........

在WebGIS入门篇，前端使用了纯HTML、CSS、Javascript、Jquery较为传统方式构建，服务器借助ArcGIS Srver发布相关地理服务且涉及到GIS，自行构建后端且涉及到数据库。So,WebGIS进阶来了！！！！本文大概是关于Vue2+Cesium+Openlayers+Java+MySQL+Tomcat。

本文记录自己这大半年老师让学习的工作流，因此本文也是以作者自身学习工作流的过程进行介绍。BPMN->工作设计器->工作流引擎

cross-env和env-cmd都是用于管理环境变量的工具，但它们有不同的使用场景和优势。cross-env更适合在命令行中直接设置环境变量，而env-cmd则更适合从.env文件中加载环境变量。在选择使用哪个工具时，可以根据项目的具体需求和开发者的习惯来决定。

虽然库提供了一种实现代码拆分的方法，但 React 内置的React.lazy和Suspense提供了更简单且更直接的方式来处理动态导入和加载状态。因此，如果你正在开发一个新的React应用，建议使用React.lazy和Suspense。

Jest 是一个强大的 JavaScript 测试框架，其核心思想是通过高效的工具和丰富的功能帮助开发者编写可靠、可维护的测试。学习和使用 Jest 可以显著提高项目的质量和开发体验，从简单的单元测试到复杂的集成测试，它都能轻松胜任。Mock 是一种测试技术，用于模拟真实的依赖（如函数、对象、模块或 API）。替代网络请求返回的数据。模拟依赖的行为（函数调用、方法执行）。捕获依赖的调用信息。隔离测试环境：确保测试独立于外部依赖。提高测试效率：无需等待真实服务响应或部署。覆盖边界场景。

前端测试工具的选择需要根据项目需求和团队熟悉度决定。**单元测试（Jest）、用户行为驱动（Testing Library）、E2E 测试（Cypress 或 Playwright）**是大多数现代项目的推荐组合。借助这些工具，开发者可以提高代码质量，降低维护成本，提升用户体验。

Apifox是一款功能强大的接口调试软件，其特色功能丰富，且在前端mock数据生成方面表现出色。

虽然仅使用 Tomcat 也可以完成前后端分离项目的部署，但同时使用 Nginx 和 Tomcat 能带来更高的性能、更强的安全性、更灵活的功能，以及更好的扩展性。这种组合是一种业内非常成熟且常用的架构方式，尤其适用于生产环境。

Nginx 处理请求和响应高效处理静态资源，支持缓存和压缩。异步事件驱动模型，处理高并发时性能优越。Nginx 负载均衡提高系统的扩展性和稳定性。灵活的算法（轮询、权重、最少连接等）适配不同场景。Nginx 反向代理隐藏后端服务器，增强安全性。支持 HTTPS 和请求头重写。

光与三角形求交方法算法，以及其加速结构 Uniform grid\uniform spatial partition\BVH

bpmn.js react.js react-bpmn

射线通常定义为：O\mathbf{O}O 为射线的起点（通常为摄像机位置或交点位置）。D\mathbf{D}D 为射线的方向向量。ttt 为参数，用于确定射线在方向 D\mathbf{D}D 上的延伸距离。射线追踪会依赖“递归”实现光的多次反射和折射。当射线遇到物体时，可能生成一个反射射线和一个折射射线，对每条新射线继续追踪，直至满足终止条件。射线法在3D渲染中能碰撞检测是计算机图形学、物理仿真等领域的重要技术。它的实施通常包含广义阶段和狭义阶段，每个阶段都有不同的方法和算法。

现在BPMN有许多资源，但好像有门槛，也不知道到底要做什么，此文章从系统功能和业务需求功能分析了BPMN系统到底需要实现什么功能，该怎样做

自定义指令允许开发者直接对DOM元素进行低层次操作，而无需编写大量的模板或者JavaScript代码。它们可以响应Vue的响应式系统，从而在数据变化时触发相应的DOM更新。全局注册使用方法可以在全局范围内注册一个自定义指令。// 指令的定义// 只调用一次，指令第一次绑定到元素时调用// 在这里可以进行一次性的初始化设置},// 其他钩子函数...});局部注册在组件中，可以使用directives选项来局部注册自定义指令。// 指令的定义// ...},// 其他钩子函数...},

vue-form-generator` 支持多种字段类型，包括：- 文本输入（`input`）- 数字输入（`number`）- 下拉选择（`select`）- 复选框和单选按钮（`checkbox`, `radio`）- 日期选择（`date`）此外，`vue-form-generator` 还支持自定义字段类型。通过注册自定义组件，可以扩展生成器，满足更复杂的表单需求。例如，文件上传、富文本编辑器等复杂字段都可以通过自定义组件实现。

在Vue和Spring Boot集成的项目中，遇到“Content type 'application/x-www-form-urlencoded;charset=UTF-8' not supported”这样的错误通常意味着Spring Boot后端没有正确配置来接受特定格式的请求数据。这个错误常见于前端（如Vue）发送的数据格式与后端（如Spring Boot）期望接收的数据格式不匹配时。下面我将解释一些常见原因和解决方案，以及Spring Boot中接收数据的默认配置。@RequestParam支持。

Xshell和Xftp是两款由NetSarang公司开发的、广受欢迎的软件工具，它们分别专注于终端模拟和文件传输，为用户提供了便捷的操作和强大的功能。综上所述，Xshell和Xftp是两款功能强大的工具，它们各有侧重且互为补充。通过合理使用这两款软件，用户可以实现高效、安全的文件传输和远程终端管理，显著提升工作效率和数据安全性。Linux是一个开源的操作系统，它提供了丰富的命令来执行各种任务。这个表格列出了Linux系统中一些常见且实用的操作命令，可以帮助用户更高效地管理和操作Linux系统。

端口映射是将内网中的特定主机和端口通过路由器映射到外网的相应端口上，以实现远程访问的技术。VPN（Virtual Private Network，虚拟专用网络）是一种通过建立加密隧道连接的方法，可以在公网上创建一个安全的虚拟网络，将外部用户连接到内网。内网穿透是一种技术，它通过将内网设备映射到公网上的方式，实现外网访问内网的目的。使用内网穿透时，需要确保内网设备已正确配置，并开放相应的端口以允许外部访问。综上所述，内网穿透、VPN技术、DMZ主机和端口映射都是实现“内网部署，外网访问”的有效方法。

在tomcat/config目录下的server.xml下增加图4-4-2(a)两行路径配置信息。在webapps/dist目录下新建文件夹WEB-INF，然后在该目录下新建文件web.xml，文件内容如图4-4-2(b)。disaster-ui目录下为本项目的前端所在位置，在命令行窗口进入该目录，然后输入。图4-4-1复制打包后文件致Tomcat的webapps目录下。图 4-2-1 数据库新建与数据库连接参数设置图。图4-2-2 Redis连接参数设置图。图4-4-2新增配置信息。

React常见面试题目II

axios请求封装，封装请求拦截器和响应拦截器。

下面是使用create-react-app、create-vue（Vite）和Vue CLI构建前端脚手架项目的详细步骤，以及一个整理它们之间区别的表格。

技术栈：Vue.js|Vuex|ElemntUI|Axios|Cesium|Echarts|Three|Webpack。5.2首页标题列表组件：“栏目管理”》首页》首页栏目主模板》操作下的设置资料来源；2.内容上传：复制上传静态网页到博达网站群（HTML、CSS、JS和相关资料等等）；4.绑定相关组件： 包括系统推荐组件、基本组件和栏目资料组件等组件；5.1导航条内容设置：在“栏目管理”中新建所需栏目；3.新建页面模板：新建首页、列表页和内容页的页面模板；**说明：最初版本为纯HTML页面，无框架**

城市灾害应急管理集成平台

强类型语言在类型安全性和代码健壮性方面具有明显优势，但也带来了一定的灵活性限制。在编译和类型匹配方面，强类型语言对类型一致性的要求使得代码的开发、集成以及跨平台和跨语言的协作变得更为复杂。因此，在多语言模型集成或异构系统中，如何有效处理这些类型问题成为了一个需要解决的技术挑战。Java和JavaScript在处理泛型（Generics）方面有显著的差异。Java是一种静态类型、强类型的语言，泛型是其类型系统中的一个关键特性。

uni-app 的基础语法主要基于 Vue.js，同时提供了一些特有的语法和功能来支持跨平台开发。开发者需要熟练掌握 Vue.js 的基础语法，并了解 uni-app 的特有语法和功能，以便更好地进行跨平台应用开发。对于无法通过rpx单位或条件编译解决的样式差异，可以通过编写自定义的样式适配逻辑来处理。例如，可以使用CSS媒体查询（Media Queries）来根据屏幕尺寸、分辨率等条件设置不同的样式规则。此外，还可以根据uni-app提供的全局变量（如）来判断当前运行的平台，并据此设置不同的样式类。

uni-app是一个基于Vue.js的跨平台开发框架，它允许开发者使用Vue.js的语法和API来开发微信小程序、H5、App等多个平台的应用。uni-app提供了丰富的API，涵盖了页面生命周期、导航、数据存储、网络请求、图片操作、地理位置等多个方面。

uni-app的视图组件丰富多样，涵盖了从基础布局到复杂交互的各个方面。通过合理使用这些组件，开发者可以高效地构建出美观、易用、功能丰富的移动应用界面。同时，uni-app的跨平台特性也使得这些组件在不同平台上都能保持良好的兼容性和用户体验。

文件是 uni-app 项目中用于管理应用配置的重要文件，它包含了应用的名称、图标、权限、版本信息、页面路由配置、窗口样式配置、平台特有配置等多个方面的内容。文件是 uni-app 项目中用于全局配置的重要文件，它决定了页面文件的路径、窗口样式、原生的导航栏、底部的原生 tabbar 等。文件是 uni-app 项目中非常重要的配置文件，通过合理配置该文件，可以方便地管理应用的基本信息、窗口表现、平台特有配置等多个方面的内容。文件中可以配置相应的权限申请信息。的页面管理部分，但提供了更多跨平台的配置选项。

uni-app 的基础语法主要基于 Vue.js，同时提供了一些特有的语法和功能来支持跨平台开发。开发者需要熟练掌握 Vue.js 的基础语法，并了解 uni-app 的特有语法和功能，以便更好地进行跨平台应用开发。对于无法通过rpx单位或条件编译解决的样式差异，可以通过编写自定义的样式适配逻辑来处理。例如，可以使用CSS媒体查询（Media Queries）来根据屏幕尺寸、分辨率等条件设置不同的样式规则。此外，还可以根据uni-app提供的全局变量（如）来判断当前运行的平台，并据此设置不同的样式类。

用户-角色-菜单（User-Role-Menu）模型是一种常用于权限管理的设计模式，用于实现系统中的用户权限控制。通过token鉴权，实现不同用户不同菜单

若依框架登录鉴权：1.获取token（过期在响应拦截器中实现）,2.基于RBAC模型获取用户、角色和权限信息（在路由前置守卫），3.根据用户权限动态生成（从字符串->组件，根据permission添加动态路由信息）和添加路由addRoutes（在路由前置守卫）

1990年代单进程架构内存资源昂贵简单的网页内容2000年代初单进程多线程网页开始复杂化多核处理器出现2008年Chrome发布多进程架构硬件性能提升内存成本下降2010年代多进程架构普及移动设备兴起网页应用复杂度大增现在持续优化的多进程架构智能资源管理云计算和边缘计算的影响浏览器架构的演变。但随着人类社会的发展，计算资源相对宽裕，计算能力大幅度提升，且用户的复杂了很多，此时，多进程的结构更加合理。早期的浏览器，功能简单，且计算机内存资源昂贵，此时单进程的设计也许更合理。

Vue+Cesium加载GeoJSON并设置entity.billboard，在组件销毁/释放实体entity时报错：TypeError: Cannot read properties of undefined (reading '_textureAtlas') at Billboard.setImage (webpack-internal:///./node_modules/cesium/Source/Scene/Billboard.js:1268:98)

然后利用Chrome的 开发者工具性能面板跟踪JS堆【1】，发现JS堆不断上升，再切换前端路由（组件销毁）时也不见下降趋势！！！内存泄露了！！！变量未销毁！！！

在工作流设计器中，确保你可以为流程或任务节点添加自定义属性。这通常涉及到编辑 BPMN XML 或使用设计器提供的扩展功能。定义一个名为“脚本”的属性，其值设置为一个文件名。

Cesium 平移cesiumlab生产的3Dtiles切片模型到目标经纬度-CSDN博客

3DTiles格式是一种基于WebGL技术的高效3D场景浏览解决方案，由Bentley Systems公司提出，它支持分层次的LOD概念，可以根据观察者的距离和视角动态加载不同精细程度的3D模型数据，从而优化渲染性能和用户体验。综上所述，对于已有的3DTiles模型进行轻量化处理，需要结合多种技术方法，并根据具体的模型特性和应用需求进行合理的组合和调整。虽然硬盘加速不是直接针对3D Tiles性能优化的常见手段，但确保硬盘的IO性能对于大数据量的3D Tiles应用仍然至关重要。