qq_35359474的博客

原创 vueDiff算法

【代码】vueDiff算法。

原创 es6新特性

*‌新数据结构‌：**新增‌Map 和 Set‌ 集合，Map 支持任意类型键值，Set 自动去重；新增‌Symbol‌ 类型创建唯一标识。**‌模块化‌：**通过‌import 和 export‌ 实现模块的导入导出，支持将代码拆分为独立文件，提升可维护性。**‌Promise 对象‌：**提供统一的‌异步编程接口‌，通过 then 链式调用处理异步操作，避免回调地狱。**‌模板字符串‌：**使用‌反引号 (`)‌ 包裹字符串，支持换行和${}变量插值，简化拼接操作。，例如 function。

原创 JavaScript 的事件循环

JavaScript 的事件循环（Event Loop）是它实现异步非阻塞操作的核心机制。即使 JavaScript 是单线程的（一次只能做一件事），事件循环也能让它处理定时器、网络请求、用户点击等并发任务。

原创 Git Flow 分支模型

从 develop 分支创建，进行最后的测试和修复，然后合并回 develop 和 master 分支，并打上版本标签。从 master 分支创建，修复完成后合并回 master 和 develop 分支，并打上版本标签。每次发布一个新的版本时，都会从 develop 分支合并到 master 分支。从 develop 分支创建，开发完成后合并回 develop 分支。功能分支、发布分支和修复分支都从这里分支出去，最终合并回这里。命名规范：hotfix/hotfix-name。用于集成所有的开发分支。

原创 vue知识点

Vue3 核心概念摘要 父子组件通信 Props单向绑定：使用defineProps声明接收属性，支持类型检查和默认值 Provide/Inject：跨层级数据传递，父组件provide，任意子组件inject 事件总线：使用mitt库创建全局事件总线，实现组件间发布订阅 Symbol应用 依赖注入键名：避免provide/inject键名冲突 全局标识：标记特殊组件类型 私有属性：在响应式对象中使用Symbol键防止属性覆盖 组件注册 全局注册：通过app.component()注册，所有组件可用 局部注

原创 Vue.js 3 的设计思路

Vue.js是一个声明式框架，声明式的好处在于它直接描述结果，用户不关注过程。Vue.js采用模板的方式来描述UI,但它同样支持使用虚拟DOM来描述UI。虚拟DOM比模板更灵活，模板比虚拟DOM更加直观。渲染器的作用是，把虚拟DOM渲染为真实DOM元素。它的工作原理是递归地遍历虚拟DOM对象，并调用原生DOM API来完成真实DOM元素的创建。渲染器的精髓在于更新，它会通过Diff算法找出变更点，并且只会更新需要更新的内容。

原创 vue项目创建指令

【代码】vue项目创建指令。

原创 vue3开发过程中的性能优化

vue性能优化

原创 Vue2与Vue3工作原理对比

在 main.js 中执行 new Vue() 时：全局组件：已经在注册时处理完成，new Vue() 时直接可用局部组件：在渲染过程中按需解析和初始化根组件数据：new Vue() 时立即初始化根组件的响应式数据子组件数据：在组件被渲染创建实例时才初始化所以 new Vue() 会触发组件初始化链，从根组件开始，逐步初始化所有用到的组件及其数据。创建 Vue 实例。

原创 Chromium浏览器代码拉取，编译，构建

在这里打开cmd，避免直接打开终端下载代码时链接不到服务器。

原创 Keepalived主备架构主节点性能瓶颈解决

本文介绍了三种实现Nginx负载均衡器高可用的方案。方案一使用DNS轮询，简单但存在健康检查缺失、客户端缓存等问题，仅适用于测试环境。方案二采用全主动模式+云负载均衡器，是云上生产环境的黄金标准，具备自动扩展、健康检查等优势，但需支付云服务费用。方案三通过BGP/ECMP实现全主动模式，适合大型企业自建数据中心，可线性扩展吞吐量，但配置复杂、成本高昂。总体来说，方案二在可用性和成本间取得最佳平衡，是大多数云环境的推荐选择。

原创 axios结合AbortController取消文件上传

【代码】axios结合AbortController取消文件上传。

原创 文件（分片）并行上传时计算总的上传进度

/</exportdefaultdatareturn0// 存储每个文件的上传进度 { filename: percentage }asynceconst;if!return;// 初始化进度记录this;;// 并行上传constfrommapfile=>constnewFormData;returnpost'/upload'=>// 更新单个文件进度thisround100;// 计算总进度。

原创 并行发起http请求

本文介绍了四种前端文件上传的实现方式。首先，使用 axios 和 Promise.all 实现并行上传多个文件，确保设置正确的 Content-Type 头。其次，使用原生 fetch 和 async/await 实现类似功能，fetch 会自动处理 multipart/form-data。第三，通过 p-limit 库限制并发上传数量，避免服务器压力过大，适用于大文件批量上传场景。最后，使用 axios 的 onUploadProgress 回调函数显示每个文件的上传进度，便于用户实时查看上传状态。这些方

原创 vue父子组件生命周期和props执行顺序

父组件依次执行 beforeCreate → created → beforeMount父组件在 beforeMount 阶段将 props 数据传递给子组件。

原创 流媒体协议选型

原创 微服务框架选型

需求： 跨语言+C++/Python 高性能通信。场景：服务网格sidecar、多数据中心通信。场景：高频交易系统、游戏服务器通信。场景：传统企业微服务改造、初创项目。场景：电商订单系统、支付清算系统。需求： 快速开发+全栈解决方案。需求：Java生态+完善治理。需求：云原生+K8s集成。

原创 Bento4的安装和简单转码

分片化的视频转码为dash。

原创 使用spring boot vue 上传mp4转码为dash并播放

播放的是转码分片后的文件。3.6转码后文件位置。

原创 使用blob文件流

使用blob文件流。

原创 端口被占用的综合解决方案

输出示例：TCP 0.0.0.0:8080 0.0.0.0:0 LISTENING 12345（PID 为 12345）‌Linux/Mac 系统‌。Windows 系统‌。

原创 Windows上安装FFmpeg的详细指南

点击"Windows builds from gyan.dev"或"Windows builds by BtbN"BtbN版本：https://github.com/BtbN/FFmpeg-Builds/releases。访问FFmpeg官方下载页面：https://ffmpeg.org/download.html。gyan.dev版本：https://www.gyan.dev/ffmpeg/builds/

原创 redis集群搭建

redis集群搭建和节点管理

原创 文件分片上传

分片上传

原创 阿里云oss服务使用

阿里云oss的使用

原创 关于卷积的一些理解

任意区间内连续输入的信号f经过系统g处理x-t时长后所得数据的积分积分变为求和。

原创 作用域插槽

数据在子组件，页面借工由父组件决定。param接收到的数据格式。方法到指定名字的插槽中。

原创 具名插槽名字的使用

原创 在pom.xml中通过repositories在Maven构建过程中访问setting.xml之外的仓库

【代码】在pom.xml中通过repositories在Maven构建过程中访问setting.xml之外的仓库。

原创 分布式系统集群中节点管理

数据库分库分表后每个数据库节点都有自己对应的一个或多个数据库备库节点。

原创 NIO的callback调用方式

【代码】NIO的callback调用方式。

原创 springboot 接口接收及响应xml数据

设置Content-Type。设置raw 为xml。

原创 将 Java 对象自动转换为 XML 字符串

【代码】将 Java 对象自动转换为 XML 字符串。

原创 StringReader 使用 JAXB自动将 XML 数据映射到 Java 对象

【代码】StringReader 使用。

原创 java jdk8内存序列化为xml

首先，定义一个Java类，该类将被序列化为XML。使用JAXB的注解来指定类的哪些属性应该被包含在XML中，以及它们应该如何被映射。@XmlRootElement // 标记这个类为根元素 public class Person {// 无参构造器是必须的 public Person() {} // 构造器、getter和setter方法 public Person(String name , int age) {

原创 css中calc()方法

css中calc()支持多种单位（如px、em、%等）的混合使用。如：calc(100vh - 84px)

原创 基于maxkey接入jeecgboot并实现账户同步

LoginSso方法和原登录方法一样。

原创 新建项目上传gitee

远程仓库地址是之前复制的仓库地址，复制后直接在命令窗口中鼠标右键Paste即可在命令窗口粘贴出来。origin 远程仓库的默认名称， master想要从中拉取更改的远程分支的名称。1.在项目根目录下打开黑窗口执行初始化。3.本地仓库和远程仓库建立连接。7.将上传内容推送到远程仓库。2.复制码云上新建仓库地址。4.每次上传之前先更新代码。5.上传文件到本地仓库。

原创 jeecgboot整合flowable启动报Table ‘jeecg-boot.act_ge_property‘ doesn‘t exist

在jdbc连接上添加nullCatalogMeansCurrent=true参数。

原创 springboot整合rabbitmq

【代码】springboot整合rabbitmq。