- 博客(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创建多个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
原创 Monorepo 详细结构目录与核心解析
这种结构通过物理隔离和共享依赖机制,实现了高效的多项目管理,同时保持高度的开发一致性和代码复用性。通过这套完整的本地组件包开发、使用和管理流程,可以显著提高大型项目中组件的复用效率和协作效率。:定义工作区范围,告诉 pnpm 哪些目录包含独立的 package.json 文件。的含义**:直接使用工作区的最新代码,无需发布到npm。:与前端配套的后端微服务(全栈Monorepo):可复用的代码模块(类似独立npm包):定义全局共享的开发依赖和项目级脚本。:可独立构建和部署的应用程序。
2025-08-03 09:46:20
787
原创 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 + 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
原创 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
原创 浏览器原生的 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
原创 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关注的人