自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(54)
  • 收藏
  • 关注

原创 Vue 3 中错误地将一个组件实例(AccountRecharge)用 ref() 或 reactive() 包装成了响应式对象

场景正确写法错误写法静态组件动态组件组件列表。

2025-08-04 20:34:49 122

原创 在 Monorepo 项目中使用 Pinia 持久化存储插件安装 Pinia 持久化插件

(不带 @ 符号):在Monorepo 项目根目录安装。以下是安装成功后配置 Pinia 持久化插件的 ​。在定义 Store 时,通过。在项目的入口文件(通常是。按照以上步骤即可完成配置!

2025-08-04 10:26:02 238

原创 Vue 3 Hooks

创建一个自定义 Hook 通常是一个使用refreactivecomputedreturn {count,increment,decrement。

2025-08-04 10:00:16 122

原创 绝对定位子元素与相对定位父元素的关系

祖先元素进行定位,但默认情况下不会被限制在父元素的盒子内。绝对定位的子元素会相对于最近的已定位(非。属性移动到父元素外的任何位置。

2025-08-03 22:51:11 206

原创 getCurrentInstance()详解

通过该实例可访问组件的 props、slots、emit 等上下文信息,但无法直接获取全局 Vue 实例的配置。该 API 仅在组合式 API 中有效,包括。作为组件实例的代理对象,其作用类似于 Vue 2 的。用于获取当前 Vue 组件的实例对象,返回值为。典型使用场景需配合解构获取。

2025-08-03 22:50:31 166

原创 Vue3 实现微信扫码登录

【代码】Vue3 实现微信扫码登录。

2025-08-03 21:08:40 46

原创 Vue3创建多个vue应用实例的应用场景

主应用实例处理SPA核心功能,独立弹窗等组件拥有自己的应用实例,实现更好的封装和解耦。这种设计让功能边界更清晰,维护性更高。每个应用实例拥有完全独立的配置、组件树和生命周期管理。弹窗实例可以单独挂载和卸载,不会干扰主应用的运行状态。按需创建和销毁实例能显著降低主应用的资源负担。独立实例避免全局状态污染,减少不必要的渲染和计算开销。独立实例的组件不依赖主应用特定配置,更容易跨项目复用。弹窗组件可以作为独立模块集成到不同系统中。

2025-08-03 17:21:44 179

原创 Vue3 插件开发基本使用

Vue3 插件是扩展 Vue 功能的强大方式,可以添加全局功能、自定义指令、组件等。下面我将详细介绍 Vue3 插件的开发流程和最佳实践。

2025-08-03 16:11:16 172

原创 清除浏览器默认样式(CSS Reset)

在开发网页时,清除浏览器默认样式(CSS Reset)非常重要,这样可以确保您的网站在不同浏览器中表现一致。

2025-08-03 13:53:42 374

原创 cnpm​ 创建和管理 ​monorepo​ 的完整步骤(比 npm/yarn 更适合国内网络环境)

以下是使用 ​​ 创建和管理 ​。

2025-08-03 13:18:21 532

原创 Monorepo 详细结构目录与核心解析

这种结构通过物理隔离和共享依赖机制,实现了高效的多项目管理,同时保持高度的开发一致性和代码复用性。通过这套完整的本地组件包开发、使用和管理流程,可以显著提高大型项目中组件的复用效率和协作效率。​:定义工作区范围,告诉 pnpm 哪些目录包含独立的 package.json 文件。的含义**​:直接使用工作区的最新代码,无需发布到npm。​:与前端配套的后端微服务(全栈Monorepo)​:可复用的代码模块(类似独立npm包)​:定义全局共享的开发依赖和项目级脚本。​:可独立构建和部署的应用程序。

2025-08-03 09:46:20 787

原创 创建 Monorepo 项目结构

通过以上步骤,可以实现 Monorepo 项目的快速搭建和模块共享。

2025-08-02 19:51:46 121

原创 Vite 或 Webpack 等构建工具中用于配置 ​模块路径别名用法

这段代码是 Vite 或 Webpack 等构建工具中用于配置 ​​ 的部分,目的是简化代码中的文件引用路径。

2025-08-02 18:30:28 398

原创 在 UniApp 中使用 scroll-into-view 时,scrollToId 连续赋相同的值,页面不会刷新的问题

在 UniApp 中使用时,连续赋相同的值。

2025-08-02 12:06:13 150

原创 UniApp 中 scroll-view 组件的使用

通过以上方法,你可以灵活使用。对于长列表,建议使用。

2025-08-02 10:09:27 203

原创 UniApp: 保持列表新的内容动态显示在可视区底部

✅ 用户手动滚动时不干扰。

2025-08-01 22:45:13 228

原创 ​安全区域(Safe Area)

​。

2025-08-01 17:13:01 239

原创 真实有效:在 UniApp + Vue2 中处理 SSE 数据流

要在 UniApp (Vue2) 的 App 端处理 Server-Sent Events (SSE) 数据流,可以使用。

2025-08-01 15:32:30 218 1

原创 UniApp 条件编译大全

UniApp 的条件编译功能允许你针对不同平台(如微信小程序、H5、App等)编写特定的代码,实现一套代码多端适配。以下是 UniApp 条件编译的详细使用方法。

2025-08-01 11:05:34 353

原创 Vue3的IntersectionObserver​ 实现虚拟列表动态渲染的完整方案

​。

2025-08-01 08:08:24 1025

原创 vue优化滚动页面时的数据渲染性能:虚拟滚动(Virtual Scroll)

这段代码实现了一个 ​,用于优化大数据量列表的渲染性能。

2025-07-31 15:26:25 365

原创 Vue3 中实现触顶加载更多(滚动到顶部自动加载历史数据)功能

​ 或 ​。

2025-07-31 15:02:59 377

原创 ​Markdown 文本数据的核心语法格式

Markdown 是一种轻量级标记语言,用于格式化纯文本内容,使其易于转换为 HTML 或其他富文本格式。以下是 ​。

2025-07-31 14:41:28 305

原创 在 UniApp 或前端开发中渲染 Markdown 文本

在 UniApp 或前端开发中渲染 Markdown 文本,通常需要将 Markdown 语法转换为 HTML,然后通过富文本组件或第三方库展示。

2025-07-31 14:31:47 297

原创 renderjs是什么

renderjs,主要用于处理高性能渲染、复杂动画或直接操作 DOM 的场景。它允许开发者在不影响逻辑层(Vue 组件)性能的前提下,直接在视图层执行 JavaScript 代码。

2025-07-31 14:09:51 617

原创 在uniapp的开发app中,为什么要用renderjs来处理see文本数据呀,直接在逻辑层处理不行吗

在 App 开发中使用 ​**renderjs处理 SSE(Server-Sent Events)文本数据**,主要是为了解决 ​。

2025-07-31 14:08:42 582

原创 @microsoft/fetch-event-source 处理 Server-Sent Events (SSE)​​ 数据

​ 的场景。相比原生。

2025-07-31 13:58:23 467

原创 JavaScript 的生成器(Generator)

​​生成器是一种特殊的函数,可以通过yield暂停执行并返回中间值,后续可恢复执行。

2025-07-31 13:52:09 273

原创 浏览器原生的 EventSource API接收 ​SSE(Server-Sent Events)​​ 数据

在 ​​ 中接收 ​​ 数据,需要使用浏览器原生的API。

2025-07-31 12:50:41 287

原创 enableChunked: true 是用于 ​开启 HTTP 分块传输(Chunked Transfer Encoding)​​ 的配置选项,允许服务器逐步返回数据流(类似 SSE 效果)。

在微信小程序中,是用于 ​​ 的配置选项,允许服务器逐步返回数据流(类似 SSE 效果)。以下是 ​。

2025-07-31 12:47:01 236

原创 ​UniApp​ 的 uni.request 方法开启分块传输(Chunked Transfer Encoding)​​

使用 ​​ 的方法发起一个 ​​ 的 HTTP ​​ 请求,并监听 ​​ 和 ​​ 事件。

2025-07-31 12:39:17 497

原创 ​分块传输(Chunked Transfer Encoding)的归属与数据格式

或 WebSocket,无需直接处理分块细节,除非需要优化极端性能场景。注:微信小程序等环境可能不支持流式读取,需后端适配为分片 API。在实际开发中,优先使用成熟的 HTTP 库(如。

2025-07-31 10:57:27 633

原创 前端:HTTP 协议中,数据传输机制主要有以下几种

【代码】前端:HTTP 协议中,数据传输机制主要有以下几种。

2025-07-31 10:56:47 437

原创 oncompositionstart 是 JavaScript 中的一个事件属性

是 JavaScript 中的一个事件属性,用于处理输入法(IME)开始输入组合文本时触发的事件。

2025-07-31 10:29:49 245

原创 前端开发中常见的通信协议和技术

协议数据格式示例HTTP/HTTPSJSON/XML/Form Data/二进制WebSocket文本或二进制文本 JSON /SSE文本事件流WebRTC二进制/媒体流视频帧 /消息GraphQL文本查询 + JSON 响应二进制流或数据报UDP 包 / 可靠文本流MQTT二进制(含 JSON Payload)带头的 MQTT 消息包gRPC-WebProtocol Buffers 二进制压缩后的 PB 编码数据字符串(需序列化)​结构化数据​高性能。

2025-07-31 10:19:50 708

原创 使用 fetch-event-source 实现自定义 SSE 客户端

headers: {},query: '搜索内容',}),// ...其他回调});// ...其他配置openWhenHidden: true, // 页面隐藏时保持连接fetch: customFetchImplementation, // 自定义fetch实现// 自定义重试逻辑// 服务不可用,等待30秒后重试});// ...其他处理},});

2025-07-30 20:45:01 128

原创 不同开发场景下处理 ​SSE(Server-Sent Events)​​ 数据的方法

以下是针对不同开发场景下处理 ​​ 数据的方法总结,涵盖 ​​ 和 ​。

2025-07-30 20:34:52 763 1

原创 什么是流式文件(Streaming Files)

流式文件是指以数据流(stream)的形式逐步读取或写入的文件处理方式,与传统的"一次性加载整个文件"处理方式形成对比。流式文件处理是现代计算中处理大型或实时数据的核心技术,理解其原理和实现方式对于开发高效、可靠的应用程序至关重要。

2025-07-30 20:25:41 404

原创 SSE(Server-Sent Events,服务器推送事件)

​ 是一种基于 HTTP 的轻量级协议,允许服务端向客户端(如浏览器)单向推送实时数据。

2025-07-30 19:43:23 263

原创 ​Electron-Vite + Vue 3​ 项目中实现触底加载更多

在 ​​ 项目中实现触底加载更多(无限滚动)功能,可以通过监听滚动事件或使用现成的库(如)来完成。

2025-07-30 18:20:29 407

空空如也

空空如也

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

TA关注的人

提示
确定要删除当前文章?
取消 删除