- 博客(77)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 VS Code 插件开发终极指南：从 Hello World 到 Marketplace 上架
Visual Studio Code（VS Code）是目前最受欢迎的代码编辑器之一，其强大的扩展性让开发者可以自定义功能。本指南将带你从零开发一个VS Code插件，并详细介绍关键API，最终发布到官方市场。也可以直接拖到new Extension位置。文件，可用于本地安装或发布。等待审核通过后，插件会出现在。
2025-04-07 12:33:34
961
原创 基于 ECharts 实现动态图表渲染支持10万+数据点实时更新方案
self是 Web Workers 中的一个全局对象，代表Worker 线程本身。在 Web Workers 的上下文中，self类似于浏览器主线程中的window对象，但它指向的是 Worker 的全局作用域。
2025-03-20 17:40:51
1103
原创 Axios 请求取消：从原理到实践
通过二次封装 Axios，我们实现了一个功能强大且易于使用的 HTTP 客户端。它不仅支持全局的请求和响应拦截，还提供了灵活的请求取消功能，适用于多种场景。希望本文能帮助你更好地理解和使用 Axios 的请求取消功能。
2025-03-15 21:09:02
1317
原创 大模型技术前沿：国内外主流模型的性能对比与选型建议
企业级应用：推荐 GPT-4、Claude 2 或百度文心一言，三者分别在通用能力、安全性和中文场景上表现优异。中文场景：百度文心一言、DeepSeek-V3 和 ChatGLM 是最佳选择。开源需求：LLaMA 2、BLOOM 和 ChatGLM 是不错的选择，尤其是对成本敏感的场景。多模态任务：Google Gemini 和腾讯混元大模型是当前最强大的多模态模型。行业定制化：华为盘古大模型和阿里云通义千问适合特定行业场景。选择大模型时，需根据具体需求（如语言支持、成本、安全性等）进行权衡。
2025-03-07 11:19:12
1175
原创 FFmpeg+WebSocket+JsMpeg实时视频流实现方案
通过这种方式，FFmpeg 直接将 RTSP 流转换为 MJPEG 格式并输出到 WebSocket 服务器，WebSocket 服务器再将数据实时推送到前端，前端使用 JsMpeg 进行播放。整个过程无需存储视频文件，适合实时视频流传输的场景。
2025-02-21 12:54:54
1484
原创 使用 DeepSeek 生成流程图、甘特图与思维导图：结合 Typora 和 XMind 的高效工作流
通过 DeepSeek 生成 Mermaid 文本和 Markdown 格式的思维导图，结合 Typora 和 XMind，我们可以快速创建高质量的流程图、甘特图和思维导图。这种工作流不仅高效，还能极大地提升信息整理与表达的能力。无论是项目管理、学习笔记还是技术文档，这一方法都能为你提供强大的支持。小贴士如果需要更复杂的图表，可以在 DeepSeek 提示词中提供更多细节。Typora 支持实时预览，编辑时可以直接查看图表效果。XMind 支持多种主题和样式，导入后可以根据需要调整思维导图的外观。
2025-02-19 12:35:04
5762
2
原创 FFmpeg + Nginx + HLS流媒体播放方案
通过以上步骤，你可以使用FFmpeg将RTSP流转换为HLS格式，并通过Nginx推送HLS流，最终在前端页面中播放。通过以上步骤，你可以在 Windows 环境下将 RTSP 流转换为 HLS 格式，并将生成的 HLS 文件存储到指定目录（如使用 Nginx 提供 HLS 流，并通过前端页面播放视频。
2025-02-18 12:01:33
875
原创 “TypeScript版：数据结构与算法-复杂度分析“
比如上述示例， 由于输入数组是被打乱 的，因此元素 1 出现在任意索引的概率都是相等的， 那么算法的平均循环次数就是数组长度的一半 n/2 ，平 均时间复杂度为 Θ(n/2) = Θ(n)。因此，为了得到有说服力的结论，我们需要测试各种规模的输入数据，而这需要耗费大量的计算资源。再例如将数字转化为字符串， 输入一个正整数 n ， 它的位数为 ⌊log10 n⌋ + 1 ， 即对应字符串长度为 ⌊log10 n⌋ + 1 ，因此空间复杂度为 O(log10 n + 1) = O(log n)。
2025-01-14 16:10:51
572
原创 “TypeScript版：数据结构与算法-初识算法“
算法（algorithm）是在有限时间内解决特定问题的一组指令或操作步骤，它具有以下特性。问题是明确的，包含清晰的输入和输出定义。具有可行性，能够在有限步骤、时间和内存空间下完成。各步骤都有确定的含义，在相同的输入和运行条件下，输出始终相同。数据结构（data structure）是组织和存储数据的方式，涵盖数据内容、数据之间关系和数据操作方法，它具有以下设计目标。空间占用尽量少，以节省计算机内存。数据操作尽可能快速，涵盖数据访问、添加、删除、更新等。
2025-01-02 18:35:05
1015
原创 Vue、React项目对接Mqtt消息
在Vue或React项目中对接MQTT消息通常需要借助MQTT客户端库，这些库允许前端应用与MQTT代理（如Eclipse Mosquitto、EMQX等）进行通信。
2024-12-09 13:22:56
460
原创 构建基于Jenkins、GitLab与Nginx的自动化项目部署
在开始之前先明确以下概念：持续集成（Continuous Integration, CI）持续集成是一种软件开发实践，要求开发团队成员频繁地将代码更改集成到共享的主分支中。这个过程通常包括自动化构建、测试和代码质量检查。持续集成的目标是尽早发现集成错误，并通过自动化的反馈机制帮助开发团队快速定位和解决问题。持续部署（Continuous Deployment, CD - Deployment）持续部署是持续集成的延伸，它自动化地将通过集成测试的代码更改部署到生产环境中。
2024-11-25 19:32:04
1215
原创 ubuntu离线安装docker方法
近期因工作需在离线环境下安装docker，购买的工控机是ununtu的，由于docker国内访问不友好的原因，在线安装困难重重·····我的是ubuntu20.04，别名是focal。（4）切换到目标目录下，使用如下命令行进行安装。一、Ubuntu20.04安装docker。（5）配置daemon并重启docker。（3）将下载文件上传到目标文件夹。（1）查看当前系统版本号和名称。（2）在镜像源进行源文件下载。以需求为主，图片仅供参考。出现docker信息即可。（6）查看是否安装成功。
2024-11-08 11:50:01
619
原创 HarmonyOS4.0开发-TypeScript快速入门
类（ class） 是⾯向对象编程语⾔中的⼀个重要概念。⾯向对象编程（ Object-Oriented Programming， 简称OOP） 是⼀种编程范式， 其核⼼理念在于 将程序中的数据与操作数据的⽅法有机地组织成对象 ，从⽽使程序结构更加模块化和易于理解。通过对象之间的协同合作， 实现更为复杂的程序功能。类（ class） 是对象的蓝图或模板， 它定义了对象的属性（ 数据） 和⾏为（ ⽅法）。通过类可以创建多个具有相似结构和⾏为的对象。
2024-07-19 10:00:00
1382
原创 HarmonyOS4.0开发-环境配置
HarmonyOS 应⽤的主要开发语⾔是 ArkTS，它由 TypeScript（简称TS）扩展⽽来，在继承TypeScript语法的基础上进⾏了⼀系列优化，使开发者能够以更简洁、更⾃然的⽅式开发应⽤。值得注意的是，TypeScript 本身也是由另⼀⻔语⾔ JavaScript 扩展⽽来
2024-07-18 12:06:45
1447
原创 rtsp流实现web端实时播放（海康+大华）
最近的电力项目需要嵌入海康摄像头画面，之前没有做过类似的流媒体播放，所以有些懵；海康开放平台的webAPI，有插件还是无插件，都不适合自研web系统的嵌入，所以需要自己进行解流；首先，介绍一下相关流的知识：常见的摄像头都支持rtsp取流，可浏览器不支持直接使用video标签播放rtsp流，所以需要转换。每个厂商的rtsp取流格式不一样，可以自行去官网查看；我们使用webrtc-streamer进行取流，什么是webrtc-streamer？
2024-03-14 16:57:47
2398
1
原创 react-router6使用高阶组件实现路由守卫
熟悉的Vue的朋友都知道，Vue-router中有大量钩子函数，包含组件声明周期的，路由的等，但在react中，没有路由钩子函数，需要自己去实现，最简单方法就是使用高阶组件，那什么是高阶组件呢?实现的方式有好多，还可以使用route组件的render属性，但是在6版本中，采用路由表配置路由，就不太好用；高阶组件（HOC）是React中的一个概念，它是一个接受一个组件并返回一个新组件的函数;然后将App根组件传入，就可以实现全局守卫了。
2024-01-27 12:12:32
1212
原创 Vue3+Echarts实现实时曲线及开始与暂停功能
第一步：使用设计模式思想，将变化的部分和不变的部分分开，echarts中的配置项option是固定的，series中的data数据项是变化；这个需求，重点在图表数据项的不确性，可能是一组数据，也可能是多组数据，所以要对echarts进行拆分；对于开始暂停功能，就是定时器的建立与清除；用户选择设备的属性后（多选情况，可以选择不同设备的属性），然后请求各自的数据，使用折线图的形式实现趋势展示，同时要支持暂停和开始功能；第三步：实现暂停效果，清除定时器；第二步：获取设备数据，进行渲染；
2024-01-27 11:39:58
1167
2
原创 el-tree实现多选、反选、指定选择
最近项目中遇到实现设备多选的需求，虽然这个需求很常见，但功能需求的不同，实现过程也大相径庭，我们的需求时只提供自己选择，父级不做选择，只提供层级显示；我们后端接收到的数据传入字符串形式，所以在选择中直接处理了；用的正则的原因是去掉出现零是我情况；
2024-01-27 11:18:34
1576
原创 认识&对比 React、Vue2、Vue3 三者的 diff 算法
通过 React 源码和 Vue 源码的对比学习，发现 React 源码比 Vue 源码难懂很多，个人觉得是由于 React 采用了 Fiber 架构造成的，Fiber 是一个链表结构，子节点之间通过 sibling 指针连接，没有 Vue 直接用数组来得那么简单直接。
2024-01-19 16:37:23
1740
转载 Nginx配置详解
location块的主要作用是，基于Nginx服务器接收到的请求字符串（例如， server_name/uri-string），对除虚拟主机名称（也可以是IP别名，后文有详细阐述）之外的字符串（前例中“/uri-string”部分）进行匹配，对特定的请求进行处理。前面已经提到，http块中可以包含自己的全局块，也可以包含server块，server块中又可以进一步包含location块，在本书中我们使用“http全局块”来表示http中自己的全局块，即http块中不包含在server块中的部分。
2023-08-09 12:48:56
2728
1
原创 vue3组件通信方式
在vue框架中事件分为两种:一种是原生的DOM事件，另外一种自定义事件。原生DOM事件可以让用户与网页进行交互，比如click、dbclick、change、mouseenter、mouseleave…自定义事件可以实现子组件给父组件传递数据自定义事件可以实现子组件给父组件传递数据.在项目中是比较常用的。比如在父组件内部给子组件(Event2)绑定一个自定义事件在Event2子组件内部触发这个自定义事件我是子组件2
2023-08-01 16:10:13
236
原创 Vite创建Vue+TS项目引入文件路径报错
报错信息：TS2307: Cannot find module ‘./App.vue’ or its corresponding type declarations.使用vite搭建vue3脚手架的时候，发现main.ts中引入App.vue编辑器会报错，但是不影响代码运行。创建脚手架的时候，项目的根目录下会生成一个env.d.ts文件，修改文件里面的代码，在文件里面增加下面的代码。报错的原因是因为ts不识别.vue后缀的文件。翻译过来是找不到模块或者相关的声明类型；编辑器中的报错就不存在了。
2023-07-29 13:10:05
1130
原创 axios文件上传和 Content-Type类型介绍
content-type，B端发给S端的数据类型描述 响应头中的content-type，就是 S端发给B端的数据类型描述。FormData是XMLHttpRequest Level2提供的一个接口对象， 提供了一种表单数据的键值对的构造方法，即告诉服务器端，我给你传的数据是某种类型的。第3种类型：序列化后的 JSON 字符串，最常用，特别适合 RESTful 的接口。使用input设置type=filte来接受上传的文件，通过change事件的event对象获取上传的文件对象。
2023-07-06 13:45:51
1957
原创 错误: 字段“datlastsysoid“不存在（Navicat报错）
要解决此问题，请升级到最新的 Navicat 15.0.29 或 16.1 及更高版本（可能需要新的许可证），国内选手应该不需要许可证，哈哈哈。
2023-07-03 11:37:40
10757
4
原创 Docker安装的msyql镜像运行sql脚本
镜像ID或者镜像名称:/var/local 将需要执行的脚本copy到MySQL镜像目录内 source。通过docker exec -it 镜像ID bash 进入镜像容器内部查看对应文件夹下是否有脚本文件。如果镜像内没有需要执行的sql脚本通过 docker cp /var/local/xxxx.sql。原因：docker 安装的mysql镜像运行后是默认读取镜像内目录。/root/yun/vue.sql 执行脚本。时间：2022-11-2。
2022-11-02 18:32:13
666
原创 若依前后端分离版入门
若依这里是采用配置拦截器的方式来处理xss攻击，一旦请求被过滤器拦截，就会转入到自定义的拦截器XssFilter当中，首先解决的就是判断是否启用xss拦截器和是否需要拦截，若依这里是采用在配置文件当中填写具体信息的方式，来配置是否启用xss，是否是白名单，是否是匹配链接。如果是不处理的话对于项目来说是一个很大的漏洞，但有些时候前端可能会用到传入一些标签的形式来处理一些情况，这个时候是又需求的，所以也不能完全屏蔽掉。当需要新增页面时，就需要修改若依路由配置，若依对路由做了严格配置（导航守卫）
2022-10-19 18:55:53
2338
原创 NODE.JS：在EXPRESS保存请求数据时，CANNOT READ PROPERTY ‘ID‘ OF UNDEFINED
问题在于生成token的时候，payload里包含了id，解析后无法识别。console.log(req.user)也是undefined，跑去npm看了一下，才明白：
2022-09-27 21:07:23
722
原创 小程序开发：Component “路径“ does not have a method “方法名(p)“ to handle event “tap“
今天在写小程序时，彻底掉坑了，习惯了js传参的写法，就在点击事件名后加了括号直接传，结果报错WASubContext.js?t=wechat&s=1652063927164&v=2.20.1:2 Component “pages/demo/demo” does not have a method “tonav()” to handle event “tap”.查了一下教程，千奇百怪的，有什么说把方法写在methods里的，这不是原生小程序的开发的，是用uni-app框架写的时候才会出
2022-05-09 11:20:46
9663
2
原创 uni-app基础知识
####uni-app的基本使用课程介绍：基础部分：环境搭建页面外观配置数据绑定uni-app的生命周期组件的使用uni-app中样式学习在uni-app中使用字体图标和开启scss条件注释跨端兼容uni中的事件导航跳转组件创建和通讯，及组件的生命周期uni-app中使用uni-ui库项目：黑马商城项目uni-app介绍 官方网页uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微
2022-04-24 21:32:30
1143
原创 Vue.js设计与实现（读书笔记）
框架设计概览第一章 权衡的艺术第二章 框架设的核心要素第三章 VUe.js的设计思路声明式UI： Vue.js 3是一个声明式UI框架声明式描述UI的方式有两种1.模板描述2.JavaScript对象描述const vnode = { tag: 'div', props: { onclick: () => alert('gl') }, children: 'click me' }使用JavaScript对.
2022-04-21 21:37:00
1337
原创 vue项目中使用vuedraggable
最近在学习一个可视化搭建的项目，里面用的拖拽就是draggable.js。看了几个中文的文档，有很多坑，可能是没有及时更新的原因。建议去看vuedraggable的官方文档，只不过是英文的。官方文档：https://github.com/SortableJS/Vue.Draggable；由于vue3已经是默认版本了，所以vuedraggable也对应vue2.0和3.0有各自的版本，直接使用基本命令安装：npm install vuedraggable --save会默认安装2.1左右的
2022-04-11 14:23:28
28144
转载 原型和原型链
原型前面我们在 实例化 和 实例共享方法 时，都提到了原型。那么现在聊聊这个神秘的原型到底是什么？1 什么是原型？Father.prototype 就是原型，它是一个对象，我们也称它为原型对象。2 原型的作用是什么？原型的作用，就是共享方法。我们通过 Father.prototype.method 可以共享方法，不会反应开辟空间存储方法。3 原型中this的指向是什么？原型中this的指向是实例。原型链1 什么是原型链？原型与原型层层相链接的过程即为原型链。2
2022-04-10 22:57:59
171
原创 超详细前端八股文
今天在掘金看到一篇特别好的前端八股文，链接：https://juejin.cn/post/7016593221815910408
2022-04-10 21:39:40
19185
2
原创 has been blocked by CORS policy: Response to preflight request doesn‘t pass access control check: No
作为一个前端，没有后端数据的时候，自己模拟，就是最好的结局，我常用的就是两种：1.postman进行后端模拟，在此就不进行多余叙述，2.node后端，用express当中间件，也是问题的源头。在进行请求时，终端报错为：has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header
2022-04-07 15:04:38
41879
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人