影子信息-CSDN博客

原创 css 文本显示两行超过显示省略号

适用于现代浏览器兼容性：Chrome、Safari、Edge、Firefox备注：最简单最推荐max-height ＋ ::after伪元素兼容旧版浏览器，如IE、旧版Firefox兼容性：所有浏览器备注：需要手动调整max-height。

2025-11-06 10:49:46 670

原创 uniapp 日历组件 uni-datetime-picker

uniapp日期选择器的三种方式，可以选择插件市场的uni-datetime-picker日期选择器；uniapp内置组件picker；自行封装的组件。

2025-09-29 10:23:50 1510

原创 uniapp 搭建vue项目，快速搭建项目

Hbuilder开发工具的安装。uniapp搭建一个项目。HBuilder运行项目。HBuilder发行打包。

2025-09-27 10:10:40 371

原创 [Vue warn]: Error in mounted hook: “ReferenceError: Jessibuca is not defined“

由于播放器库未正确加载或初始化时序问题导致

2025-09-25 14:25:40 890

原创＜script src=“＜%= BASE_URL %＞static/jessibuca.js“＞＜/script＞

本文介绍了在Vue项目中使用Jessibuca.js的注意事项。通过VueCLI提供的BASE_URL变量可正确引用public目录下的静态资源，建议通过浏览器开发者工具确认文件的加载状态

2025-09-25 10:07:16 235

原创 uniapp vue 引入jessibuca.js 直播流播放器 [Vue warn]: Error in mounted hook: “ReferenceError: Jessibuca is no

Vue中Jessibuca播放器加载错误的解决方案问题核心：Vue组件在mounted钩子中访问未定义的Jessibuca对象。常见原因：脚本未正确加载（路径错误或顺序问题）全局变量访问方式不当初始化时机过早（库未加载完就执行代码） UniApp环境兼容性问题解决方案：确保正确引入Jessibuca库（通过script标签）检查路径是否准确（public/static目录）使用defer/async控制加载顺序避免将实例直接绑定到Vue的data属性确认WASM资源路径正确考虑使用v

2025-09-25 10:02:27 1390

原创 uniapp hbuildX 播放视频

5.模版配置中的通讯录权限是默认开启的不需要就要关闭（打包时如报错通讯权限时，可依次查看模版配置和权限配置注意报错信息包含权限内容权限配置参照报错信息删除即可）;3.将vue的打包文件dist中的所有内容复制到新建的5+App项目中;4.在新建的 5+App中找到 manifest.json 文件依次设置项目名称、版本等；2.打开HBuilderX选择新建项目 => 5+App=> 默认模式;6.选择 Hbuild 中的发行 => 原生 App-云打包。7.打包完成，进行安装测试。

2025-09-15 23:59:55 415

原创谷歌浏览器解决跨域问题 Access to XMLHttpRequest at ‘http://111.59.157.251:28089/laypage‘ from

本文介绍了解决Ajax跨域问题的两种方法：1）后端配置CORS，在响应头添加Access-Control-Allow-Origin等字段，推荐使用Node.js示例代码；2）通过修改Chrome浏览器启动参数--disable-web-security和--user-data-dir来禁用同源策略，详细说明了操作步骤和注意事项。特别强调该方法仅适用于开发环境，生产环境需后端正确配置CORS。文中还提供了不同Chrome版本的兼容性说明和替代方案。这些解决方案特别适合前后端分离开发时的跨域调试需求。

2025-09-11 20:15:00 1308

原创 vue3的三种插槽匿名插槽，具名插槽，作用域插槽

vue3插槽，常用在父传子，也可用在子传父。子传父的需要使用——作用域插槽，这里列举了一个作用域插槽的典型示例。

2025-09-04 18:00:00 787

原创 vue 手动书写步骤条

本文介绍了一个竖式时间轴组件的实现方案，用于展示处置记录的时序关系。通过Vue+ElementUI的el-timeline组件，实现了包含处理人、时间戳和处置内容的三段式展示结构。组件采用绿色时间节点(#23bd3c)和蓝色时间文字(#74cdff)的配色方案，内容区域使用深蓝背景(#1c5377)增强可读性。当数据为空时显示"暂无处置记录"提示。组件支持内容自动换行(white-space:pre-wrap)和滚动浏览(height:600px+overflow-y:auto)

2025-09-03 17:22:18 629

原创 el-dialog 打开dialog弹框，鼠标点击事件无法执行

摘要：针对奇安信浏览器下弹框遮挡底层操作的问题，通过分析发现是弹框遮罩层级过高导致。解决方案采用CSS的pointer-events属性控制事件穿透：弹框主体（header/body/footer）保持auto允许交互，遮罩层设为none使事件穿透。核心代码通过!important强制覆盖样式，既保留弹框拖拽功能，又确保底层地图可操作，完美兼容国产浏览器环境。（149字）

2025-09-03 11:56:38 500

原创 el-tree 点击父节点无效，只能选中子节点

el-tree点击父节点不执行，点击子节点执行。根据点击事件获得的变量判断是否满足条件，满足的执行，不满足的不执行。

2025-09-03 10:45:39 511

原创 el-table 行高亮，点击行改变背景

摘要：通过使用Element Plus表格组件的highlight-current-row属性，可实现点击行高亮效果。核心代码为在el-table标签中添加该属性，并配合setCurrentRow方法控制选中状态。官网示例展示了完整实现，包括数据定义、行选中设置及清除功能。此方案解决了表格行选中状态的视觉反馈问题，提升用户体验。

2025-09-03 10:19:36 544

原创 element el-select 默认选中数组的第一个对象

element的组件，el-select组件默认选中数组第一个值

2025-09-02 10:13:39 352

原创关闭页面强制清除所有循环定时器

文章摘要：本文介绍了在页面关闭时清除循环定时器的三种方法：1）清除单个定时器：使用clearInterval()传入定时器变量；2）清除多个定时器：将定时器ID存入数组后遍历清除；3）暴力清除：通过循环清除所有可能的定时器ID。文章还提供了核心代码示例，包括创建和清除定时器的具体实现，以及在项目中选择合适清除方式的建议。

2025-09-01 19:00:00 695

原创 js 海康视频插件的具体步骤

海康插件的官网的演示demo在浏览器的运行效果图，以及下载压缩包的链接，使用插件的完整步骤等内容

2025-09-01 16:10:13 1075 2

原创 js 拷贝(深拷贝、浅拷贝、递归拷贝)

本文对比了JavaScript中三种对象拷贝方式：1. JSON.parse(JSON.stringify())能实现深拷贝，但会丢失函数和undefined；2. 扩展运算符/Object.assign()只能浅拷贝一层但保留所有数据类型；3. 递归拷贝结合前两种优点，先判断属性类型，对简单对象使用扩展运算符，对非函数/undefined使用JSON方式，否则递归拷贝。最后给出了一个优化后的递归拷贝实现方案，能正确处理嵌套对象、函数和undefined等情况。

2025-09-01 11:54:07 1705

原创 vue 海康视频插件

本文介绍了在Vue项目中集成海康威视视频插件进行PC端视频播放的实现方案。主要包含以下内容：插件引入与封装：下载海康视频插件后，封装了videoUtils.js工具类，提供视频初始化、播放、停止等核心功能，支持实时预览和回放模式。关键实现细节：使用WebControl创建视频实例支持RSA加密通信实现多窗口视频布局管理提供OSD文字叠加功能（如显示人数统计）组件集成：通过封装组件实现视频播放功能，包括：视频窗口尺寸自适应摄像头树形选择多窗口播放管理应用场景：适用于需要集成视频监控的PC

2025-08-27 17:59:52 1057

原创 Jessibuca 视频插件播放直播流

文章摘要：本文介绍了基于Vue和Jessibuca插件的PC端视频直播流播放方案，重点针对HTTP-FLV格式实现低延迟播放。系统通过封装JessibucaPlayer组件实现视频流的播放控制，支持播放、暂停、全屏等基础功能。同时扩展了摄像头控制功能，可根据摄像头类型（固定/球机/光电）发送不同控制指令，如上、下、左、右移动和变焦等。系统采用分层架构设计，包含视频播放组件、控制组件和统一的API封装，实现了前后端分离的解决方案。文中详细展示了组件封装、状态管理、API调用等关键实现代码，并比较了不同视频流

2025-08-27 15:09:59 1456 2

原创国标28181 国标视频平台

本文介绍了基于GB28181国标视频平台的实时监控与回放功能实现方案。文章首先概述了GB28181协议标准及其平台组成，包括信令服务器、流媒体服务器等核心组件。技术实现上，后端通过平台接口获取视频流数据，前端采用Jessibuca开源播放器进行视频渲染，详细讲解了Vue2/Vue3中的组件封装方法及参数配置。系统功能包括摄像头树形菜单选择、实时视频播放控制（方向调节、缩放等）以及历史回放。整体实现了符合国标规范的视频监控解决方案，适用于视频监控等项目。

2025-08-26 17:30:29 1355

原创 nvm安装，nvm管理node版本

文章摘要：本文详细介绍了使用nvm管理多版本Node.js的方法。首先需要彻底卸载原有Node.js及清理环境变量，然后安装nvm并配置非C盘路径。通过修改settings.txt文件设置淘宝镜像源，创建node_global和node_cache文件夹管理全局安装包。安装完成后，可使用nvm命令安装、切换和删除不同Node版本。文章还提供了完整的nvm命令大全，包括版本查询、镜像设置等实用指令，帮助开发者高效管理多项目环境下的Node版本需求。

2025-08-07 18:01:19 807

原创 vue3 vxe-table 可编辑表格，设置单元格背景色

本文介绍了在Vue3中使用vxe-table插件实现可编辑表格的封装方案。通过两个示例展示了不同表头结构的实现：第一个表格采用单级表头，包含合并单元格和可编辑功能；第二个表格实现多级表头结构，包含子表头和单元格编辑控制。代码中通过reactive定义表格数据和配置，使用pointExists方法控制可编辑单元格范围，并提供了样式自定义。这种封装方式相比原生element组件能更好地支持复杂表格需求。

2025-07-31 17:51:15 301

原创 vue vxe-table :edit-config=“editConfig“ 可以编辑的表格

vue 的表格table可以编辑，可以使用插件vxe-table。表格的可编辑状态分为行编辑、单元格编辑。需要配置表格的:edit-config属性，属性值是一个对象，可自行配置各种参数和参数值。

2025-07-31 17:42:27 1412

原创 vue element 封装表单

表单组件的封装。涉及到表单组件的初始渲染，表单提交事件，表单的数据回显。根据系统的不断开发，表单组件的封装也会一直不断优化。

2025-07-28 15:14:36 768 1

原创 vue3 组件生命周期，watch和computed

ncaught (in promise) ReferenceError: Cannot access 'state' before initialization

2025-07-25 18:02:03 458

原创 vue3 vux ui table 可以编辑的表格，增删改查

在vue3项目，组件库elementplus需要对表格进一步深入的封装。由于项目原因，对表格需要进行样式的更改。table表格要实现的效果是可以输入编辑操作，类似于form表单的功能。

2025-07-25 17:01:49 1543

原创 Uncaught (in promise) Maximum recursive updates exceeded in component ＜ElSelect＞. This means you hav

Vue项目中el-select组件使用filterable属性处理大量数据时出现"Maximum recursive updates exceeded"错误。该问题源于组件状态递归更新导致的无限循环。解决方案包括：优化数据筛选逻辑、使用虚拟滚动减少DOM压力、添加输入防抖/节流、建立局部状态管理、优化filter-method方法、采用懒加载分页策略，以及合理使用nextTick控制更新时机。这些方法可有效避免递归更新问题并提升组件性能。

2025-07-21 15:58:01 1719

原创 vue openlayer创建地图弹框overlay

vue3框架+openlayer地图框架，实现终点的overLay弹框。需要创建一个overley，并且通过获取原生节点的方式dom.getElementById()操作原生节点

2025-07-15 17:50:20 220

原创前端开发，代码规范

代码规范，注意事项

2025-07-15 10:19:33 526

原创 vue openlayer 找出直线上的某一个点，点距离直线最短路径的点 WKT坐标转换为GeoJSON坐标

turf.nearestPointOnLine 是 TurfJS 中用于计算点到线段的最近投影点的函数，其核心作用是确定某点与线段之间的最短距离，并返回线段上距离该点最近的点。计算轨迹点与道路网的最短距离。 ‌

2025-07-07 17:53:59 863

原创 vue 前端动态导入文件 import.meta.glob 导入图片

在前端开发中，动态导入资源，导入使用import.meta.glob。在webpack或者vue-cli构建的vue2项目，可以使用require引入，例如：注意：require仅支持在webpack环境中使用,vite中无法支持<img :src="require(`@/assets/images/${xxx}.png`)">在vite或者vue3，构建工具通常搭配vite，引入图片new URL() + import.meta.ur

2025-07-03 11:56:45 3090 1

原创 css iconfont图标样式修改，js 点击后更改样式

js实现样式修改，颜色渐变，iconfont图标样式修改。js判断是否满足条件，满足条件的增加一个动态样式

2025-05-13 14:37:40 672

原创 css 点击后改变样式

css实现点击样式的保持不变，需要使用伪类:focus+tabindex结合使用。。。

2025-05-12 17:01:30 998

原创 vue3 传参传入变量名

在网络请求的时候，请求参数的键值对，变量名是可变的。一般传过去是一个字符串，但是要转成变量名，可以使用[包裹变量名]

2025-04-18 17:24:49 374

原创 vue 走马灯纵向滚动

走马灯显示不全，需要修改样式。前端样式调整，布局自适应

2025-04-10 17:02:14 290

原创 vue 图片放大到全局

el-image图片点击放大，且放大到全局

2025-03-27 16:26:58 280

原创 vue vue3 走马灯Carousel

走马灯实现多张图片轮播展示，element组件的官网有详细介绍。走马灯的图片点击预览需要给图片绑定一个自定义点击事件

2025-03-26 15:28:30 2703

原创 vue 加载动态效果，自行封装组件

项目中涉及到的加载动态效果，包括多种状态：加载中、加载成功、加载失败、加载成功但暂无数据

2025-03-25 15:01:13 408

原创 vue 点击放大，图片预览效果

走马灯组件和图片组件之间的点击事件，图片预览效果

2025-03-24 17:32:50 1874

原创 js 力扣100题两数之和

两数之和等于目标数值，返回其对应的数组下标

2025-03-19 15:19:45 381

海康播放器插件，v1.5.4版本新增功能接口的描述文档

内容概要：本文档介绍了自定义矩形框和直线绘制功能的开发实现方法，主要包括工具栏按钮的显示配置、图形绘制完成后的消息回调机制以及通过接口设置绘制图形信息的具体方式。文档说明了如何在init接口中通过指定buttonIDs参数来显示新增的三个按钮（ID分别为518、519、520），分别用于矩形框绘制、直线绘制和清除图形；详细描述了绘制完成后系统发送的消息结构，包括消息类型、监控点信息、窗口ID及图形坐标数据；同时提供了setCustomDrawInfo接口的调用示例，用于程序化设置绘制图形的类型和坐标参数。结合demo可验证功能实现效果。; 适合人群：具备前端开发基础，熟悉JavaScript及Web接口调用的开发人员，尤其是从事视频监控相关功能开发的技术人员。; 使用场景及目标：①实现视频播放界面中的自定义矩形框和直线绘制功能；②接收并处理用户绘制完成后的坐标信息，用于后续分析或标记；③通过接口动态设置绘制内容，实现回显或预设区域标注功能；阅读建议：建议结合文档提供的demo_window_integration.html进行实际调试，重点关注消息回调的数据结构和接口参数格式，确保前后端数据交互正确。

2025-08-27

图形绘制批量画线及颜色粗细定义接口：设置图形绘制信息与参数配置说明

海康播放器插件，v1.5.4版本新增功能接口的描述文档

2025-08-27

vue 海康视频插件，版本号v1.5.5

相较于v1.5.2版本，海康视频插件新增了画矩形、线的接口

2025-08-27

视频WEB插件V1.5.4开发指南-20241016113201.pdf

2025-08-27

前端开发基于Vue3与OpenLayers的地图应用搭建：项目环境配置与天地图API集成指南使用Vue3和openlayer

内容概要：本文详细介绍了使用 Vue 3 和 OpenLayers (ol) 构建 WebGIS 项目的步骤。首先，通过 Vite 创建 Vue 3 项目，并详细说明了两种创建方式及其命令。接着，配置 Vue Router 4.x，包括安装、基本配置、路由定义、导航守卫等。随后，安装并配置 Pinia 作为状态管理工具，解释了 Pinia 的优势和使用方法。然后，介绍了 OpenLayers 的下载和引入，包括插件下载、安装及代码引入。此外，详细描述了天地图的申请步骤，包括注册账号、申请开发者权限、创建应用并获取 Key。最后，解决了项目安装及运行过程中遇到的问题，特别是关于 Vite 配置的问题。适合人群：具备一定前端开发基础，尤其是对 Vue 3 和 WebGIS 感兴趣的研发人员。使用场景及目标：① 使用 Vite 快速搭建 Vue 3 项目环境；② 配置 Vue Router 实现页面路由管理；③ 使用 Pinia 进行状态管理；④ 引入 OpenLayers 实现地图功能；⑤ 申请并使用天地图 API 进行地图服务调用；⑥ 解决 Vite 配置问题，确保项目顺利运行。阅读建议：本文内容详尽，涵盖了从项目搭建到具体配置的全过程。建议读者按照步骤逐一操作，遇到问题时参考提供的链接和说明进行排错。特别需要注意的是，Vite 的配置和天地图的申请流程较为关键，应仔细阅读相关部分。

2025-07-15

【视频监控系统】国标监控平台视频监控与回放功能设计：设备管理及接口对接文档说明

内容概要：本文介绍了国标监控平台的视频监控及视频回放功能，该平台基于GB28181-2016标准，提供了一个可视化的操作界面用于管理和查看设备状态。平台的核心功能包括实时视频监控和历史视频回放，支持多种品牌设备（如海康威视）的接入。通过提供的API接口文档，开发人员可以编写符合规范的接口，实现前端对摄像头的各种控制操作，如方向调整、播放、暂停等。此外，平台还支持NAT穿透、设备管理、云台控制以及视频流转发等功能。; 适合人群：具有网络视频监控系统开发或维护经验的技术人员，特别是负责视频监控平台集成和二次开发的工程师。; 使用场景及目标：① 实现对不同品牌IPC和NVR设备的统一管理和监控；② 提供标准化接口供前端调用，完成对摄像头的远程控制；③ 支持视频流的转发和级联，满足大规模视频监控需求；④ 提供视频回放功能，便于事后追溯和分析。; 其他说明：平台提供了详细的接口文档，帮助开发者快速上手。对于前端开发者来说，只要后端接口足够详尽，前端主要任务是调用接口并传递参数，实现对摄像头的控制。平台还涉及到了一些高级特性，如NAT穿透、云台控制等，适用于复杂网络环境下的视频监控项目。

2025-07-15

【移动应用开发】Cordova脚手架与Android Studio调试：Hybrid应用项目创建及环境配置指南

内容概要：本文档详细介绍了Cordova脚手架创建项目以及在Android Studio中进行调试的方法。首先阐述了Cordova作为一种Hybrid移动应用开发框架的基本概念，包括其应用架构（由原生壳子、WebView引擎和Cordova插件组成），并列出了搭建Cordova开发环境所需的工具（Git、Node.js、Cordova CLI、Java JDK和Android Studio）。接着讲解了如何通过命令行创建Cordova项目，包括创建项目的基本命令格式及其参数含义，并对可能出现的问题提供了解决方案。文档还说明了如何向项目中添加目标平台（如Android、iOS等），以及如何配置和构建应用程序。最后简述了项目目录结构和如何在Android Studio中运行项目。适合人群：有一定前端或移动开发经验，特别是对HTML5、JavaScript有一定了解的研发人员，以及想要快速入门Hybrid应用开发的初学者。使用场景及目标：①希望利用现有的Web技术栈（HTML5、CSS、JS）开发跨平台移动应用；②需要集成原生功能（如摄像头、GPS等）到Web应用中；③希望通过Cordova脚手架快速搭建项目并进行初步调试。其他说明：建议读者按照文档提供的步骤逐一操作，遇到问题时可参考提供的参考链接获取更多信息。同时，在学习过程中应结合实际项目需求，灵活调整配置和代码实现。此外，对于国内用户来说，使用淘宝镜像源（npm --registry=https://registry.npm.taobao.org）可以加速依赖包的下载速度。

2025-07-15

前端开发基于Vue3的项目创建与配置：Vite构建工具及插件下载详解

内容概要：本文详细介绍了如何使用 Vue3 的官方脚手架工具创建一个基于 Vite 构建的 Vue 单页应用项目。首先，确保已安装最新版本的 Node.js，然后通过命令行运行 `npm create vue@latest` 来创建项目，期间可以选择添加如 TypeScript、Vue Router、Pinia 状态管理等可选功能。创建完成后，通过 `cd <project-name>` 进入项目目录，再运行 `npm install` 安装依赖并用 `npm run dev` 启动开发服务器。此外，还解决了 Vite 启动后无法通过局域网 IP 访问的问题，通过修改 `vite.config.js` 文件中的 `server.host` 参数为 `"0.0.0.0"`，以及调整 `package.json` 中的 `dev` 和 `preview` 脚本命令来实现网络访问。适合人群：对 Vue.js 感兴趣的开发者，尤其是希望快速搭建 Vue3 单页应用的前端工程师。使用场景及目标：①帮助开发者快速搭建 Vue3 项目，掌握 Vite 构建工具的使用方法；②理解并配置项目中的各种可选功能，如 TypeScript 支持、路由管理、状态管理和单元测试等；③解决 Vite 服务无法通过局域网访问的问题，以便在团队协作或展示时可以顺利访问项目。阅读建议：建议读者按照文档步骤逐步操作，在遇到可选功能配置时，根据实际需求进行选择。对于 Vite 服务暴露问题，务必仔细阅读相关配置说明，确保能够正确配置以满足多设备访问的需求。

2025-07-15

前端开发Pinia替代Vuex实现Vue状态管理：选项式API与组合式API的详细对比及优化实践文档的主要内容

内容概要：本文介绍了Pinia，一款由Vue官方团队推荐的状态管理库，旨在替代Vuex。Pinia具有完整的TypeScript支持、体积轻巧（约1KB）、支持多个Store、Vue devtools、SSR和webpack代码拆分等优点。文章详细讲解了Pinia的基本使用方法，包括通过composition API和options API定义store，以及如何在业务组件中调用store。此外，还讨论了store的全局注册、代码打包解耦、store的优化整体结构等问题，并通过一个具体案例展示了如何利用Pinia的store独立管理特性实现复杂的业务逻辑。; 适合人群：具备一定Vue开发经验，特别是对状态管理库有一定了解的研发人员。; 使用场景及目标：①帮助开发者理解Pinia相较于Vuex的优势；②掌握如何使用composition API和options API定义store；③学会如何在业务组件中调用store；④了解如何通过全局注册和代码打包解耦优化store的使用；⑤通过实际案例掌握如何利用Pinia实现复杂的业务逻辑。; 其他说明：本文不仅提供了理论知识，还结合了大量代码示例，帮助读者更好地理解和实践Pinia的状态管理功能。建议读者在学习过程中多动手实践，结合实际项目进行调试和优化。

2025-07-15

【地图遥感领域】MapServer与GeoServer对比分析：WebGIS开源工具的功能效率及应用场景比较文档的主要内容

内容概要：本文主要介绍了MapServer的组成部分、工作原理及其与GeoServer的对比。MapServer是用C语言开发的开源WebGIS项目，采用胖服务器端/瘦客户端模式，支持三层体系结构（应用层、中间层、存储层），能实时处理空间数据并通过CGI技术实现WebGIS。文中详细对比了MapServer和GeoServer在功能、效率和技术实现上的差异，指出MapServer在WMS支持方面更高效，而GeoServer则在WFS属性查询和数据库支持方面表现更佳。此外，GeoServer具有更完善的功能和在线编辑能力，适合复杂环境和特定开发需求；MapServer则更适合高负荷的大型互联网地图应用，维护相对简单。适合人群：对WebGIS有一定了解，希望深入学习或使用MapServer和GeoServer进行地图发布的技术人员、开发者和研究者。使用场景及目标：①理解MapServer的工作机制及其在WebGIS中的应用；②评估MapServer和GeoServer之间的优劣，以便根据具体需求选择合适的工具；③掌握MapServer在高负荷大型互联网地图应用中的优势，以及GeoServer在复杂环境下的灵活性和功能性。其他说明：MapServer和GeoServer各有特点，选择时应考虑具体的项目需求和技术背景。MapServer更适合需要高性能和简单维护的场景，而GeoServer则适合需要更多功能和数据库支持的应用。建议读者根据自身需求和技术栈选择最合适的工具，并参考官方文档和社区资源进行进一步的学习和实践。

2025-07-15

前端开发基于Vue3与Vite的项目脚手架搭建及配置：涵盖项目初始化、插件配置与屏幕适配

内容概要：本文档详细介绍了使用 Vue 3 和 Vite 构建项目的过程，涵盖从初始化项目到配置插件的具体步骤。首先，通过 `npm init vite@latest` 创建 Vue 项目，可以选择是否添加 TypeScript、JSX 支持、Vue Router、Pinia 状态管理、Vitest 单元测试、端到端测试解决方案和 ESLint 代码质量检查。接着，文档讲解了 Vite 的插件配置方式，如 `vite-plugin-feature` 和 `rollup-plugin-feature` 的引入与配置。此外，还涉及 Rollup 的 ES 模块语法和 PostCSS 的配置，特别是 `postcss-px-to-viewport-8-plugin` 插件的应用，用于实现屏幕适配，将 px 单位转换为 vw、vh 等视窗单位，确保在不同设备上的自适应布局。最后，文档提供了文字大小自适应的 CSS 实现方法，利用 `calc()` 函数根据屏幕宽度动态调整字体大小。适合人群：具有前端开发基础，尤其是对 Vue 和 Vite 感兴趣的开发者，以及希望深入了解项目构建和优化的中级前端工程师。使用场景及目标：① 学习如何使用 Vue 3 和 Vite 快速搭建项目；② 掌握 Vite 插件配置，优化项目性能；③ 理解如何通过 PostCSS 插件实现屏幕适配和文字大小自适应，提升用户体验。阅读建议：建议读者按照文档的步骤逐一实践，从创建项目开始，逐步尝试添加不同的配置选项，并结合实际项目需求进行调试和优化。特别注意插件配置部分，理解每个配置项的作用及其对项目的影响。

2025-07-15

### 文章总结：Android Studio + JDK8 下载安装及常见问题解决指南

内容概要：本文详细介绍了在Windows环境下安装配置Android Studio和JDK8的全过程，包括下载、安装、配置环境变量、验证安装是否成功，以及Android Studio的配置和使用。文章还提供了Android Studio的卸载步骤，如何导入安卓项目、Cordova项目，解决常见编译错误的方法，如Gradle守护进程冲突、依赖缓存损坏等问题。此外，还涉及了创建和运行Android仿真器的具体步骤。适合人群：具有基本计算机操作技能的Android开发者，尤其是初学者和需要重新配置开发环境的开发者。使用场景及目标：①帮助用户顺利安装和配置Android Studio和JDK8，确保开发环境稳定；②解决常见的安装和配置问题，如环境变量配置、Gradle版本不一致等；③指导用户如何导入和运行安卓项目，包括Cordova项目；④教授用户如何创建和使用Android仿真器进行应用测试。其他说明：本文提供了详细的步骤和截图，确保用户可以按照指引顺利完成每一步操作。对于遇到的问题，文中也给出了具体的解决方法，使用户能够快速解决问题，继续开发工作。建议读者在操作前仔细阅读每个步骤，并根据实际情况调整配置。

2025-07-15

前端开发Vue3组合式API详解：依赖注入、响应式工具及其实战应用

内容概要：本文详细介绍了Vue 3中导出和注入（provide和inject）的妙用及相关语法，涵盖组合式API、响应式核心工具如watch()和watchEffect()的对比、toRef()及其相关函数的使用方法。首先讲解了provide和inject的用法，包括如何在app.vue中配置API供其他组件使用。接着探讨了组合式API中的setup函数，列举了常用的响应式工具和生命周期钩子。重点分析了watchEffect()和watch()的区别，前者自动运行并侦听所有依赖，后者懒执行且允许访问新旧值。最后深入介绍了toRef()、toRefs()、shallowRef()等函数的功能和应用场景，强调了它们在性能优化和与外部状态管理系统的集成中的重要性。适合人群：具备一定Vue基础，希望深入了解Vue 3组合式API和响应式机制的前端开发人员。使用场景及目标：①理解provide和inject在跨层级组件通信中的作用；②掌握watchEffect()和watch()的不同使用场景；③学会利用toRef()等函数实现更灵活的响应式编程；④优化大型数据结构的响应性能。阅读建议：本文内容详尽，涉及Vue 3的多个核心概念和技术细节，建议读者结合官方文档进行学习，并通过实际项目练习来巩固理解。特别是对于provide和inject的理解，可以尝试构建一个简单的父子组件通信示例，以便更好地掌握其用法。

2025-07-15

前端开发Vue代码规范详解：涵盖命名、注释、性能优化及最佳实践指南

内容概要：本文档详细阐述了 Vue 项目的代码规范，涵盖命名规范、空格使用、语句与表达式的编写、注释与文档的添加、其他编码规范以及最佳实践六个方面。具体包括变量、函数、常量、类、文件的命名规则，强调小驼峰、大驼峰、大写加下划线等不同命名方式的应用场景；规定了操作符、括号、逗号周围的空格使用；提倡使用分号、const 和 let 声明变量并及时初始化；鼓励使用注释解释代码逻辑，尤其是 JSDoc 风格的函数注释；建议减少全局变量的使用，重视错误处理，追求代码复用和性能优化；最后还提供了关于箭头函数的使用、函数简短化和条件表达式简化等最佳实践。; 适合人群：Vue.js 开发者，尤其是初学者和有一定经验但希望统一团队代码风格的开发者。; 使用场景及目标：①帮助开发者在 Vue 项目中建立统一的编码风格；②提升代码的可读性、可维护性和性能；③便于团队协作，确保代码质量。; 其他说明：文档还提到了项目搭建前的准备工作，如确定 Node 版本、安装依赖和启动开发服务器的具体命令，有助于新项目的顺利启动。

2025-07-15

前端开发Vue3常用插件汇总：提升开发效率的必备工具与配置说明

内容概要：本文主要介绍了Vue3的常用插件及其功能特点。随着Vue3的正式发布，Vue团队推荐使用Volar插件替代Vetur插件，以支持Vue3的语言高亮、语法检测和TypeScript类型检查等功能。文中列举了多个与Volar相关的扩展包，如Vue Volar extension Pack、TypeScript Vue Plugin (Volar)等，它们提供了对Vue 3项目的全面支持。此外，还提到了一些辅助工具，如Prettier、ESLint、Auto Close Tag、Auto Rename Tag等，用于提高代码质量和开发效率。对于Vite的支持也有所涉及，包括使用Vite Server直接打开HTML文件的功能。适合人群：熟悉Vue2并希望迁移到Vue3的开发者，以及正在学习或使用Vue3进行项目开发的技术人员。使用场景及目标：①为Vue3项目提供完善的开发环境配置；②利用Volar插件增强代码编辑体验，确保代码质量；③通过Vite加快开发和构建速度；④借助辅助工具提升开发效率和代码规范性。阅读建议：由于Vue3相比Vue2有较大变化，建议读者在学习过程中关注新特性的同时，也要了解相关插件的具体用法，特别是Volar插件的安装和配置，同时结合实际项目进行练习，以更好地掌握Vue3的开发技巧。

2025-07-15

版本控制Git 2.42.0.2 Windows平台安装配置指南：从下载到初始化仓库全流程详解了文档的主要内容

内容概要：本文详细介绍了Git 2.42.0.2版本的下载与安装步骤，涵盖从初始设置到最终配置的各个环节。安装过程中，用户可以选择安装路径、安装模块（如图标组件、桌面浏览、关联配置文件等），并可定制Git的默认编辑器、初始分支名、命令行使用方式、SSH客户端、HTTPS传输后端、换行符转换规则、终端模拟器、`git pull`的行为、凭证助手、额外选项（如文件系统缓存、符号链接）以及实验性功能。文档还提供了安装完成后的一些基本操作指南，如初始化仓库、配置全局用户名和邮箱、克隆项目等。适合人群：适合初学者和有一定经验的开发者，尤其是那些需要在Windows环境下安装和配置Git的用户。使用场景及目标：①帮助用户顺利完成Git的安装与配置；②指导用户根据自身需求选择合适的安装选项；③为用户提供安装后的基本操作指南，确保能够快速开始使用Git进行版本控制。阅读建议：由于Git的安装选项较多，建议用户在安装前仔细阅读每个步骤的说明，根据实际需求进行选择。对于不熟悉的选项，可以保持默认设置，后续可以根据需要调整。安装完成后，建议尝试初始化一个本地仓库或克隆远程仓库，熟悉Git的基本操作。

2025-07-15

【HarmonyOS开发】DevEco Studio 3.1.1下载安装指南：从环境配置到项目创建全流程解析

内容概要：本文详细介绍了 DevEco Studio 3.1.1 的下载和安装流程。首先，提供了官方下载地址以及相关学习资源链接。接着，逐步讲解了从下载压缩包到解压、启动安装程序、选择安装路径、配置安装选项（如创建桌面快捷方式、更新 PATH 环境变量）等步骤。随后，重点描述了安装过程中涉及的基本环境配置，包括 Node等

2025-07-15

【DeepSeek平台】注册流程与初步使用指南：涵盖API密钥获取及模型调用介绍

内容概要：本文档主要介绍了DeepSeek平台的注册流程及初步使用方法。首先，文档提供了注册入口为DeepSeek官网，并展示了具体的登录页面元素，如手机号、验证码登录选项等。接着，文档列举了DeepSeek平台上的多种模型，包括DeepSeek V3/R1、DeepSeek-RT、DeepSeek-R1-Distill-Qwen等多个版本，强调了这些模型在不同任务中的应用特点，如强化学习、多模态处理等。此外，还提到了邀请新人的奖励机制，即邀请新用户注册可获得2000万Tokens奖励，同时明确了奖励的使用规则和限制。适合人群：对AI模型应用感兴趣的开发者、研究人员，尤其是希望快速上手并使用DeepSeek平台进行实验或开发的人士。使用场景及目标：①帮助用户顺利完成DeepSeek平台的注册流程；②让用户了解平台上各种模型的功能和应用场景；③通过邀请机制吸引更多用户加入平台，促进社区交流和技术共享。阅读建议：在阅读过程中，请重点关注注册步骤和模型特性介绍部分，以便更好地理解和使用DeepSeek平台提供的服务。对于邀请新人获得奖励的内容，需注意遵守平台规定，避免违规操作。

2025-07-15

前端开发基于JavaScript的文件导出实现：get与post请求方式及文件下载函数设计

内容概要：本文主要介绍了前端开发中导出文件的两种方式：get请求方式与post请求方式。具体提供了三个下载文件的方法示例：downloadHref方法是通过创建a标签并设置其href属性为服务器返回的文件路径来实现下载；dowloadFileUrl方法不仅考虑了非IE浏览器还对IE10及以上版本做了兼容处理，它从服务器响应头获取文件名，将返回的文件流转化为Blob对象进行下载；exportFile方法则更通用一些，允许自定义文件内容、文件名以及文件类型

2025-07-15

【WebSocket通信】基于RSA加密的消息推送与认证：风电场船舶预警数据实时传输系统说明

内容概要：本文档详细介绍了WebSocket消息推送机制，包括连接配置、登录认证以及数据接收的具体流程。首先，描述了WebSocket的连接地址格式为`ws://${serverip}:${serverport}/fdws`。接着，说明了登录认证流程，客户端需发送包含用户名和RSA加密后的密码的JSON字符串，服务端验证后返回状态码200表示登录成功，401则表示失败。最后，阐述了服务端推送的数据结构，主要涉及进出类型、区域等级、预警类型、船舶信息、触发时间和推送消息等字段，以JSON格式传输，如船舶进出风电场的预警信息。适合人群：对WebSocket技术有一定了解并希望深入理解其在特定应用场景下实现细节的技术人员或开发人员。使用场景及目标：①帮助开发者快速搭建基于WebSocket的消息推送系统；②提供详细的API接口说明以便于集成到现有项目中；③为安全敏感型应用（如海上交通监控）提供可靠的数据传输解决方案。阅读建议：由于涉及到具体的协议规范和技术细节，在阅读时应重点关注连接建立与认证步骤，同时结合实际案例理解推送数据的意义和用途。

2025-07-15

【物联网通信】基于WebSocket的船舶实时数据接口设计：智能航运与监控系统数据交互协议说明

内容概要：本文档详细介绍了实时WebSocket接口的内部使用方法，用于订阅并接收船舶的实时数据。接口采用WebSocket协议进行连接，URL中需携带用户登录后获得的token作为身份验证。用户可以通过发送JSON格式的消息来订阅特定类型的船舶实时数据，消息中包含modelType（系统模块枚举）和param（船舶MMSI编号）两个主要参数。服务器端会持续推送实时数据，返回的消息为数组形式，其中type为0的消息包含实际的业务数据，而type为2的消息可以被忽略。返回数据中的data字段进一步包含了工况点的具体信息，如报警状态和实时值等。适合人群：具有网络通信基础知识，特别是对WebSocket协议有一定了解的技术人员或开发者。使用场景及目标：①用于开发或维护与船舶相关的监控系统，实现实时数据的采集与展示；②帮助技术人员理解如何通过WebSocket接口获取并解析特定船舶的运行状态信息。阅读建议：由于接口涉及到具体的参数配置和数据结构，建议读者在实际操作前仔细阅读文档，并结合实际应用场景进行测试和调试。同时，注意接口的安全性，确保token的安全存储与传输。

2025-07-15

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

海康播放器插件，v1.5.4版本新增功能接口的描述文档

图形绘制批量画线及颜色粗细定义接口：设置图形绘制信息与参数配置说明

vue 海康视频插件，版本号v1.5.5

视频WEB插件V1.5.4开发指南-20241016113201.pdf

前端开发基于Vue3与OpenLayers的地图应用搭建：项目环境配置与天地图API集成指南使用Vue3和openlayer

【视频监控系统】国标监控平台视频监控与回放功能设计：设备管理及接口对接文档说明

【移动应用开发】Cordova脚手架与Android Studio调试：Hybrid应用项目创建及环境配置指南

前端开发基于Vue3的项目创建与配置：Vite构建工具及插件下载详解

前端开发Pinia替代Vuex实现Vue状态管理：选项式API与组合式API的详细对比及优化实践文档的主要内容

【地图遥感领域】MapServer与GeoServer对比分析：WebGIS开源工具的功能效率及应用场景比较文档的主要内容

前端开发基于Vue3与Vite的项目脚手架搭建及配置：涵盖项目初始化、插件配置与屏幕适配

### 文章总结：Android Studio + JDK8 下载安装及常见问题解决指南

前端开发Vue3组合式API详解：依赖注入、响应式工具及其实战应用

前端开发Vue代码规范详解：涵盖命名、注释、性能优化及最佳实践指南

前端开发Vue3常用插件汇总：提升开发效率的必备工具与配置说明

版本控制Git 2.42.0.2 Windows平台安装配置指南：从下载到初始化仓库全流程详解了文档的主要内容

【HarmonyOS开发】DevEco Studio 3.1.1下载安装指南：从环境配置到项目创建全流程解析

【DeepSeek平台】注册流程与初步使用指南：涵盖API密钥获取及模型调用介绍

前端开发基于JavaScript的文件导出实现：get与post请求方式及文件下载函数设计

【WebSocket通信】基于RSA加密的消息推送与认证：风电场船舶预警数据实时传输系统说明

【物联网通信】基于WebSocket的船舶实时数据接口设计：智能航运与监控系统数据交互协议说明

成都市公共数据开发平台，使用说明

宇宙，相关理论知识 围绕地球进行从小到大分析（范围大小）

DeepSeek，触发关键搜索词

express+mongoose，操作mongo数据的命令语句，以及前后端分离及调用接口的效果展示

web网络传输协议，网络相关

React项目架构+电商项目布局及代码

空空如也

宇宙，相关理论知识围绕地球进行从小到大分析（范围大小）