- 博客(284)
- 收藏
- 关注
原创 从开发到部署:Docker 化前端应用全流程指南
本文详细介绍了Docker在Web开发中的应用流程:1)安装Docker插件并配置本地/远程连接;2)编写Dockerfile基于Nginx镜像构建容器,包含前端打包产物和自定义配置;3)配置Nginx实现静态文件服务和API代理;4)创建Docker运行配置,设置镜像构建、容器启动及前置npm打包任务;5)通过端口映射(18883->80)访问部署的Web应用(http://localhost:18883/#/)。完整展示了从开发环境配置到应用部署的Docker化解决方案。
2025-11-16 15:35:11
931
原创 el-upload 上传管理与自定义优化实践
文章摘要:本文分析了Element UI的el-upload组件在生产环境中的文件上传问题及解决方案。主要包含三个部分:1) 默认上传行为分析,指出组件会直接通过浏览器XHR/Fetch请求而非Axios;2) 提供自定义文件列表渲染方案,通过v-for循环fileList实现灵活控制;3) 展示完整源码实现,包括上传校验、错误处理和loading遮罩等细节。重点解决了生产环境请求路径统一和上传状态管理问题,同时提供了优化建议如自定义文件展示和loading控制。
2025-11-15 18:43:53
368
原创 Windows 下 Docker Desktop 快速入门与镜像管理
本文介绍了Windows系统安装Docker Desktop的步骤及配置指南。要求系统支持虚拟化且版本不低于Win10 22H2,推荐勾选WSL2选项以获得最佳性能。安装过程中可能需手动更新WSL,并建议配置镜像加速器优化下载速度。文章以Nginx为例,演示了从拉取镜像到运行容器的全过程,包括端口映射配置(如将容器80端口映射到主机18888端口)及其验证方法。同时提供了Docker Engine的核心配置参数说明,包括构建器垃圾回收、镜像加速器等实用功能设置。
2025-11-15 18:19:44
984
原创 《一分钟教你导出与导入浏览器书签,轻松备份不丢失》
本文介绍了浏览器书签的导出与导入方法。导出时,点击"更多工具"菜单,选择"导出书签"后将书签保存为HTML文件;导入时,通过"书签和清单"下拉菜单选择"导入书签和设置",然后选择之前导出的HTML文件即可完成导入。操作简单易行,方便用户备份和恢复浏览器书签。
2025-10-25 23:00:00
296
原创 企业级表单与文件上传统一管理方案
本文介绍了一种父子组件联动的表单管理方案:父组件通过Promise.all统一校验多个子组件表单(含文件上传)。子组件负责文件上传逻辑、校验及展示,通过validateFieldAsync方法暴露异步校验接口。父组件整合所有表单数据后统一提交。该方案实现了低耦合、统一校验、数据集中处理,适合企业级复杂表单场景,具有可复用和可扩展优势。
2025-10-24 23:45:00
345
原创 iServer 启动端口冲突
摘要:Tomcat服务器启动时因8090端口被占用导致Connector初始化失败。错误信息显示地址已被使用(bind),同时存在多个SLF4J绑定警告。解决方案是更改端口号,建议先执行shutdown.bat再运行startup.bat重新启动。访问地址应改为http://localhost:8091/iserver/setup。注意由于iServer试用期已过期且未重新注册,服务可能受限。系统环境为Windows 10,使用Apache Tomcat/9.0.76和Java 11。
2025-09-27 17:43:23
1017
原创 ECharts 四川省地图渲染与交互效果实现
本文介绍了使用ECharts渲染四川省地图的完整步骤,包括初始化图表实例、获取地图数据、注册地图、配置选项等核心流程。重点讲解了如何调整地图显示效果:通过visualMap实现数据可视化映射,设置aspectScale调整纵横比,使用colorMap为各区县配置不同颜色。特别说明了如何实现区县透明填充+彩色边线的效果,以及添加背景图和中心点标记的技巧。最后还介绍了select属性对地图选中状态的样式控制。文章提供了完整的代码示例,涵盖从数据获取到最终渲染的完整实现方案。
2025-09-21 16:04:40
1095
原创 Git 推送错误排查:RPC failed; HTTP 500 报错分析与解决方案
RPC调用失败,出现HTTP 500错误,通常由远程仓库服务端异常或推送数据过大导致。常见原因包括服务端暂时故障、仓库体积过大、单个提交包含大文件或.git对象库膨胀等。客户端配置问题如http.postBuffer设置过小也会引发此错误。解决方法主要是增大http.postBuffer值至500M(524288000),可通过命令"git config http.postBuffer 524288000"为当前仓库设置,或添加"--global"参数实现全局配置。
2025-09-20 10:00:00
509
原创 Vue 3 + Element Plus 图层树实现教程
本文介绍了PostgreSQL数据库图层表的设计与前端树形结构处理方案。主要内容包括:1) 使用SQL创建包含空间数据的图层表结构;2) 实现buildTree函数将扁平数组转为树形结构,支持ElementPlus组件展示;3) 提供DFS和BFS两种方式实现树形数据扁平化;4) 完整的前端Vue3实现代码,包含数据获取、树形渲染和事件处理。该方案支持图层层级管理、空间数据存储和可视化交互,适用于GIS系统开发。
2025-09-20 08:00:00
523
原创 MICAPS:气象信息综合分析与处理系统概述
MICAPS(气象信息综合分析处理系统)是中国气象局开发的专业气象数据处理平台,主要用于气象数据的收集、处理、分析和可视化。系统支持20类气象数据,包括实况观测(站点数据)、分析场(格点数据)、预报场(雷达/卫星资料)等核心类型,其中类型1-4、11最常用。数据分为点数据(站点观测)和格点数据(模式输出),分别用于局地验证和区域分析。系统通过标准化文件头记录时空范围(如0.025°分辨率网格)、要素单位(如℃、m/s)及无效值标识(如999),支持生成等值线、风场图等多种气象产品,服务于气象预报。
2025-09-13 19:47:08
744
原创 IntelliJ IDEA 集成 ApiFox 操作与注解规范指南
本文介绍了IntelliJ IDEA集成Apifox的操作流程和常用注解。主要内容包括:1)安装ApifoxHelper插件并配置API访问令牌;2)常用注解说明,如@Api定义接口分组、@ApiModelProperty描述字段属性等;3)文档生成方法,通过Upload to ApiFox功能将本地接口代码自动同步到Apifox平台,实现文档与代码的实时同步。该集成方案能有效提升团队协作效率,确保接口文档的准确性和一致性。
2025-08-23 21:50:49
963
原创 基于 Flex 的弹窗居中与滚动适配实现
摘要:实现全屏弹窗居中显示时,传统absolute+transform方案会导致内容裁切且不触发滚动条。通过改用flex布局结合margin:auto的方法,既保持了内容居中,又确保父容器能感知子元素尺寸,当内容超出视口时自动出现滚动条。关键点在于flex布局下margin:auto会在四个方向均分空间,实现真正居中,同时维持正常的文档流关系,使滚动机制正常工作。最终方案既能适配不同视口尺寸,又能完整展示大尺寸内容。
2025-08-16 11:36:18
321
原创 深入解析 <component :is> 在 Vue3 组合式中的使用与局限
摘要:Vue3组合式API中,使用动态组件时通过字符串is属性渲染局部组件会出现显示问题,因为字符串仅匹配全局组件。解决方案包括:1)建立字段映射将字符串转为组件对象;2)全局注册组件;3)改用选项式API。不同于Vue2和Vue3选项式API会优先匹配局部组件,组合式API需显式传递组件对象或转换处理才能正确渲染局部组件。(149字)
2025-08-02 22:47:25
573
原创 Ngrok 极速入门:2分半搭建内网穿透
Ngrok是一个反向代理工具,可将本地服务暴露到公网,生成临时URL用于测试或演示。使用步骤包括:官网下载安装,添加认证令牌进行身份验证,启动ngrok.exe后输入命令(如ngrok http http://localhost:5173)代理本地服务地址。该工具支持多种协议,无需配置防火墙,但免费版可能存在安全风险提示。成功代理后会生成公网可访问的临时URL,方便开发者测试和演示本地项目。
2025-07-23 20:36:18
405
原创 JavaScript代码段注入:动态抓取DOM元素的原理与实践
本文介绍了使用浏览器开发者工具抓取网页DOM元素的步骤:1)通过F12打开开发者工具,以百度网站为例插入代码块抓取DOM;2)在源代码菜单下新建代码段(如脚本#6);3)编写JavaScript代码并执行,可在右侧脚本区查看DOM元素;4)通过控制台打印获取的div元素,打印结果与F12查看的DOM结构一致。该方法适用于网页元素分析与调试。
2025-07-12 23:27:46
239
原创 Promise 的异曲同工:跨领域的异步编程解决方案
JavaScript Promise机制可用于处理异步组件初始化,如地图组件加载。通过创建viewReady Promise,组件初始化完成后调用setView方法触发resolve,通知所有等待回调。虽然使用setTimeout也能实现类似效果,但Promise方案更精准可靠。需注意Promise一旦resolve后状态不可改变,多次调用setView不会重新触发回调。这种模式实现了对异步事件的优雅监听和处理,示例代码展示了如何封装初始化事件并通过then方法获取组件实例。
2025-07-12 22:14:08
411
原创 Geoserver发布四川点位shape数据
本文介绍了Geoserver的基本操作流程:1)启动服务;2)登录系统;3)创建工作空间;4)添加shape格式数据源;5)发布图层;6)通过openLayers预览成果。重点说明了工作空间创建、数据源配置和图层发布的关键步骤,包括填写名称空间URL、选择数据格式、设置字符集等参数配置。最后以"内江注记"图层为例展示了预览效果,完整演示了从服务启动到数据发布的完整操作链。
2025-07-06 16:11:41
300
原创 QGIS导出Shape文件
导出Shapefile格式文件的操作步骤包括:1)右键图层选择"要素另存为";2)选择ESRI Shapefile格式(ESRI开发的通用GIS矢量格式);3)对于JSON数据需勾选"使用键/值"选项,因Shapefile仅支持文本、数值等基础数据类型。完成上述设置后即可成功导出地理空间数据。该流程兼顾了格式选择与数据类型适配的关键注意事项。(149字)
2025-06-27 22:26:25
1396
2
原创 QGIS制作简易版重庆市地图
本文介绍了使用QGIS制作重庆市及区县边界地图的详细流程。首先说明数据准备阶段如何选择重庆市整体边界和区县边界数据;其次分步讲解QGIS操作步骤,包括边界线制作(设置符号图层、填充颜色、描边样式等)和区县标注(显示名称、设置可见比例尺);最后展示效果图并标注数据来源为DataV.GeoAtlas地理工具。整个过程涵盖了从数据获取到地图可视化的完整工作流。(149字)
2025-06-26 21:28:53
581
原创 Windows10搭建FTP服务器
本文介绍了IIS和FTP服务的配置过程:首先在控制面板启用相关功能并验证安装;接着创建FTP站点,设置基本信息、绑定端口及授权规则;然后添加用户并配置访问权限,强调每次修改需重启站点。文章还提供了Edge浏览器访问FTP的方法和Python测试脚本,通过ftplib模块实现连接验证、目录切换和文件列表获取。最后提出一个关于多用户配置的问题待解决。整个流程包含详细的步骤说明和代码示例,涵盖了从服务安装到测试验证的全过程。
2025-06-13 16:55:11
1474
原创 前端与传统接口的桥梁:JSONP解决方案
"JSONP是一种通过动态创建<script>标签实现跨域请求的技术,适用于传统接口对接但需注意安全性,现代开发中正逐步被CORS等更安全的方案取代。"
2025-04-20 17:07:17
398
原创 通过 WebSocket 接收和播放 WSS 协议视频流
在现代网络应用中,实时视频流的传输和播放是一个重要的功能。本文介绍了如何使用 WebSocket 技术接收和播放基于 WSS 协议的视频流。我们将探讨如何设置 WebSocket 服务器,处理视频数据流,并在客户端使用 JSMpeg 播放器进行视频播放。通过这种方式,开发者可以实现高效、低延迟的视频流传输,为用户提供流畅的观看体验。本文还涵盖了错误处理和连接管理的最佳实践,以确保系统的稳定性和可靠性。
2025-04-20 15:28:28
3872
原创 使用 Vite 快速搭建现代化 React 开发环境
本文介绍了使用 Vite 构建工具创建 React 项目的完整流程。通过对比传统构建工具,详细说明了 Vite 在开发体验和构建性能上的优势。同时探讨了 TypeScript 与 SWC 编译器的组合使用,为读者提供了一套现代化的 React 开发环境搭建方案。文章还包含了项目初始化、依赖安装和基本配置的具体步骤,帮助开发者快速启动新项目。
2025-04-19 14:31:57
365
原创 解决 IntelliJ IDEA 项目启动时端口冲突问题
本文介绍了在使用 IntelliJ IDEA 开发 Spring Boot 项目时遇到的端口占用问题及其解决方案。通过命令行工具查找占用端口的进程,结合 Windows 系统命令和项目配置的调整,提供了多种端口冲突的处理方法,帮助开发者快速解决项目启动失败的问题
2025-04-19 10:42:47
1002
原创 WebStorm中Gitee账号的密码登录与令牌登录设置
在WebStorm中配置Gitee账号时,支持密码登录和令牌登录两种方式。密码登录需在设置中直接输入Gitee账号和密码,而令牌登录更安全,需先在Gitee官网生成访问令牌,然后在WebStorm的认证界面将令牌作为密码输入。令牌可避免密码泄露风险,尤其适用于开启两步验证的账户。
2025-04-16 16:39:09
1214
原创 不用写代码!如何用八爪鱼快速抓取几百个网页的数据
八爪鱼采集器是一款无需编程的可视化网页数据抓取工具,通过导入URL表格或手动输入网址,自动识别网页内容并批量采集结构化数据,支持循环翻页、Ajax动态加载和多种导出格式(Excel/CSV),适合快速抓取数百个同类型网页信息
2025-04-13 10:25:26
1086
原创 WebStorm首次拉取GitLab代码的完整过程
本文详细介绍如何在WebStorm中首次拉取GitLab仓库代码,涵盖Git配置、仓库克隆、认证设置及后续同步操作。通过图文步骤解析,帮助开发者快速完成IDE与GitLab的集成,提升团队协作效率。适用于前端、全栈开发及需要版本控制管理的所有场景。
2025-04-12 15:55:01
1416
原创 QGIS点图层创建
本文介绍QGIS中点图层的三种创建方法:1、手动创建GeoPackage/Shapefile点图层并设置字段属性;2、通过‘分隔文本图层’或插件导入含坐标的TXT/CSV数据生成点图层;3、利用‘从表格创建点图层’工具批量转换Excel数据为点要素,重点解析坐标字段选择、适用于GIS数据处理入门用户,提供可复用的操作流程。
2025-04-12 11:08:24
1317
原创 QGIS获取建筑矢量图-Able Software R2V
QGIS获取建筑矢量图,加载天地图矢量底图,通过颜色采样+栅格转矢量(如R2V)提取建筑边界,输出DXF/SHP
2025-04-05 22:41:12
674
原创 QGIS中第三方POI坐标偏移的快速校正-百度POI
百度POI使用BD09坐标系(加密偏移),而QGIS默认使用WGS84,直接导入会导致位置偏差。
2025-04-05 15:22:31
1313
原创 nvm-The system cannnot find the file specified.
nvm安装node14或者低版本,出现The system cannnot find the file specified.
2025-02-22 10:49:02
725
x#u## 【雷达e信号处理】基于频域变标脉冲压缩与吕方法的高速多目标参数化检测算法设计
2025-06-29
nvm 1.1.9 是 Node Version Manager(Node.js 版本管理工具)的一个特定版本,专为 Windows 系统设计,用于在同一台机器上安装、切换和管理多个 Node
2025-06-24
python-3.11.9-amd64 是 Python 编程语言的一个特定版本安装包,专为 64 位 Windows 系统设计
2025-06-24
Able Software R2V
2025-04-05
TortoiseSVN-1.14.9.29743-x64.rar
2025-03-18
2024-5-3-智联招聘成都java开发岗位数据
2024-05-03
React-Chrome浏览器开发着工具
2024-03-17
Three.js是一个在计算机图形学领域的WebGL封装库,它提供场景、灯光和材质处理功能,并支持动画和交互,用于在网页上创建和
2024-02-25
SuperMap iClient3D 11i (2022) SP1 for Cesium-CH
2023-08-24
2023-8-19-智联招聘成都前端岗位数据
2023-08-19
智联招聘成都软件测试岗位数据
2023-08-19
第11章实训二:网上书城网站
2023-01-10
JSP大学实用教程(第2版) 实训一:会员管理系统
2023-01-10
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅