自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

夏天的博客

分享前端技术文章和干货,进步的路上一起努力,也期待你的关注和点赞!

  • 博客(471)
  • 资源 (5)
  • 收藏
  • 关注

原创 回顾2023展望2024,追逐光成为光

再见,2023!你好,2024!愿新的一年,我们都能成为更好的自己!

2024-02-08 21:42:58 1622 5

原创 鸿蒙三方库适配读懂 `HPKBUILD`:lycium 怎么知道「下载谁、怎么编、装到哪」?

在 OpenHarmony 三方库lycium体系里,每个库目录下会有一个 HPKBUILD文件。你可以把它理解成「构建说明书」:用Shell 变量描述包是谁、版本多少、从哪下载,再用若干个函数描述解压后要改什么、怎么交叉编译、产物拷贝到哪、要不要打 HNP 包。本文件由 lycium/script/build_hpk.sh通过 source HPKBUILD读入并调用其中的函数;你在 lycium根目录执行 ./build.sh AES时,脚本会进入 thirdparty/AES。

2026-04-12 17:43:49 329

原创 鸿蒙三方库适配读懂 `README_zh.md`:中文适配说明里每段在说什么?

在 OpenHarmony / lycium 三方库目录里,README_zh.md通常承担「给中文读者看的说明书」:用自然语言说明这是什么库、编出来在哪、怎么编、怎么测,不必像 HPKBUILD那样写成 Shell 脚本。本仓库的 thirdparty/AES/README_zh.md对应包名AES、上游 tiny-AES-c。下面按原文章节顺序,把每段话的用途、背后的约定、和别的文件怎么对照讲清楚,方便新人5 分钟建立全局印象,需要细节时再翻 HPKBUILD。

2026-04-12 17:42:44 349

原创 鸿蒙三方库适配读懂 `thirdparty/AES/.gitignore`:哪些文件不该进 Git?

gitignore是 Git 的「忽略清单」:列在里面的路径或模式,默认不会被git add进版本库。三方库适配目录里往往既有需要长期保存的脚本和文档,也有下载的源码包、本地编译目录、日志——若全部提交,仓库会膨胀,且容易产生机器相关路径、二进制冲突。本仓库的 .gitignore压缩包:用以开头的模式只忽略仓库根目录下的.tar.gz.tgz不忽略子目录(例如 output/)里的归档,方便把构建产物一并纳入版本管理。构建树:忽略 tiny-AES-c-*/和解压后的 *-build。

2026-04-12 17:41:07 342

原创 读懂 `hnp.json`:鸿蒙PC 三方库打包时的这张「小配置」

在lycium适配 OpenHarmony / 鸿蒙三方库时,有些仓库根目录会放一个 hnp.json。它只有几行,看起来像普通 JSON,作用却和打包、分发有关:告诉工具链(常见是 hnpcli)——这是一份 HNP 相关配置,里面写着组件叫什么、版本多少,以及可选的安装规则。本文以本仓库 thirdparty/AES/hnp.json为例,逐个字段说明含义,并说明它和 HPKBUILD里archive()是怎么配合的。要不要维护这个文件升级版本时要改哪里。hnp.jsonhnp.json是。

2026-04-12 17:40:12 383

原创 鸿蒙三方库适配HPKCHECK 文件执行流程详解

HPKCHECK 文件的执行方式✅ 通过执行test.sh脚本✅test.sh使用source命令加载HPKCHECK✅ 调用HPKCHECK中定义的函数✅ 须在 OpenHarmony 设备(或等效环境)上运行执行流程test.sh → checkhpk() → source ./HPKCHECK → openharmonycheck() → 生成测试日志。

2026-04-12 17:38:13 343

原创 鸿蒙三方库适配README.OpenSource文件解读

在 OpenHarmony / 鸿蒙生态做C/C++ 三方库适配时,仓库里常会看到一个名叫 README.OpenSource的文件。它看起来是一段JSON,不像普通 README 那样长篇大论,却是开源治理与合规里很常用的一种写法:用结构化数据,把「这个组件是谁的、什么协议、从哪来、当前版本是什么」说清楚。本文以本仓库 thirdparty/AES/README.OpenSource为例,逐字段说明含义,并解释为什么同一份文件里会出现两条记录。

2026-04-12 17:36:30 395

原创 Flutter三方库鸿蒙化适配:5种高效检查方式,快速判断是否需要适配

Flutter三方库鸿蒙化适配,核心是区分「纯Dart库」和「原生插件库」纯Dart库:零成本使用,仅需修复平台判断逻辑;原生插件库:必须新增鸿蒙原生实现,是适配重点;优先用「目录扫描+pubspec配置」快速判断,再用「依赖分析+代码检索」精准查漏。按照本文的5种方式检查,无需深入源码,就能快速完成所有三方库的适配评估,大幅降低鸿蒙迁移的时间成本。适配参考:鸿蒙Flutter插件官方适配文档请查阅,获取完整的插件开发规范。

2026-04-11 15:51:34 379

原创 Debug 构建运行正常,Release 构建启动闪退

欢迎大家加入。

2026-04-11 15:01:28 346

原创 拷贝或克隆其他 Flutter OH 项目到本地后无法运行

欢迎大家加入。

2026-04-11 14:48:07 407

原创 flutter build hap --release` 后版本号被改回 1.0.0

在工程里改好了鸿蒙侧应用版本(常见位置是 ohos/AppScope/app.json5。流水线里建议固定用同一套规则(读环境变量或标签)传入这两个参数,避免每次本地默认值覆盖。当前 Flutter OpenHarmony 出包流程里,,构建产物会与之一致,避免和手工改 OH 文件「打架」。若团队规范是「以 Flutter 工程为准」,应把。与 Android/iOS 习惯一致,在根目录。出包后再打开同一份配置文件,发现版本又被写回。里、且未在 Dart 侧声明」的修改为准。里一致的基础版本)。

2026-04-11 13:51:53 291

原创 配置别名,简化 Flutter OpenHarmony 日常编译命令

欢迎大家加入通过 shell 别名把冗长的参数收拢成短命令,减少重复输入与出错。

2026-04-11 13:38:27 268

原创 【鸿蒙 PC三方库构建系统】【测试验证】HPKCHECK文件详解

在OpenHarmony生态系统中,开发者经常需要使用各种第三方C/C++库来加速开发进程。为了确保这些库在OpenHarmony平台上能够正常工作,需要对其进行适配、编译和测试。今天我们要聊的HPKCHECK文件,就是这个构建系统中专门用于测试验证的重要组件。HPKCHECK是OpenHarmony三方库构建框架lycium中的一个测试脚本文件。简单来说,它的作用就是在真实的OpenHarmony设备上跑测试,确保编译好的三方库功能正常。res=$?cd$OLDPWD。

2026-04-10 19:07:17 384

原创 适配鸿蒙PC sha_ohos.patch 补丁文件详解

补丁文件(Patch File)是一种记录源代码差异的文本文件,用于描述如何将一组修改应用到原始代码上。它是开源社区中代码审查、版本控制和跨平台适配的重要工具。是 SHA 库适配 OpenHarmony 平台的核心文件,它记录了所有必要的代码修改。

2026-04-08 08:10:30 396

原创 Flutter鸿蒙PC应用开发实践:从零到运行

Flutter作为Google推出的跨平台UI框架,一直以来主要关注移动端(Android/iOS)和Web平台。然而,随着OpenHarmony生态的兴起,Flutter也扩展到了鸿蒙平台,实现了"一次开发,多平台部署"的愿景。本文将带你一步步完成一个清明节主题的Flutter应用,并成功运行在鸿蒙PC设备上。在这个过程中,我们将遇到各种挑战和问题,并提供相应的解决方案。多平台适配: Flutter框架实现了真正的跨平台开发鸿蒙PC支持: 通过配置即可支持PC设备: 提供了现代化的UI设计规范。

2026-04-05 09:20:15 452

原创 Flutter应用运行到鸿蒙PC指南

通过以上步骤,你已经成功将Flutter应用运行到鸿蒙PC设备上了!✅ 检查Flutter环境配置✅ 创建Flutter项目✅ 修改添加"2in1"设备类型✅ 配置项目签名✅ 连接鸿蒙PC设备✅ 使用三种方式之一运行应用。

2026-04-05 08:31:00 407

原创 Flutter OH Engine 构建指导(macOS 版本)

欢迎大家加入开源鸿蒙跨平台开发者社区:https://openharmonycrossplatform.csdn.net/本文档介绍如何在 macOS 系统上构建 OpenHarmony 版本的 Flutter Engine。构建成功后,您可以使用本地 Engine 编译 OpenHarmony 应用。从 OpenHarmony 开发套件官方下载地址 下载并安装最新版 DevEco Studio。1.2.3 配置 JDK 环境OpenHarmony SDK 依赖 Java 环境,请安装 JDK 17:

2026-04-05 07:59:05 446

原创 鸿蒙PC tiny-AES-c三方库适配实践

tiny-AES-c是kokke 维护的轻量级AES-128实现,支持三种模式,接口为纯 C(aes.haes.c),无外部库依赖,适合嵌入式与 OpenHarmony 交叉编译。本适配在lycium体系下提供SHA512SUM等标准产物;在prepare中重写,修正上游错误的头文件搜索路径,并编出静态库 libtiny-aes.a、上游自测程序 tiny_aes_test,通过CTest与设备端运行验证算法正确性。

2026-04-03 20:59:15 439

原创 Flutter_OH仓库代码合入流程

本文详细介绍Flutter-OH仓库的代码贡献与合入全流程,涵盖环境配置、协议签署、仓库操作、PR提交及审核合入等关键环节,适用于所有想要向该仓库贡献代码的开发者。

2026-04-01 07:41:02 408

原创 Flutter OpenHarmony 环境搭建

本文档详细介绍了在macOS上搭建OpenHarmony版Flutter开发环境的完整流程。主要内容包括:安装Git与DevEco Studio开发工具、配置AtomGit SSH密钥连接、下载OpenHarmony版Flutter SDK、安装Oracle JDK 17以及配置相关环境变量。通过执行flutter doctor -v命令可验证环境配置是否成功,确保Flutter SDK、JDK等关键组件正确安装并配置。该环境支持开发者进行OpenHarmony平台的Flutter应用开发工作。

2026-03-27 21:29:26 452

原创 OpenHarmony 工程结构剖析

欢迎大家。本文说明 Flutter 在ohos/,以及的目录约定。

2026-03-22 11:13:35 209

原创 Flutter OH 框架介绍

Flutter 是 Google 开源的高性能跨平台 UI 框架。开发者使用与描述界面与业务逻辑,一套代码可面向 iOS、Android、Windows、macOS、Linux 等多个目标平台构建应用,并支持与各平台。Flutter 在世界各地被大量开发者与组织采用,协议与源码均开放。更完整的通用说明见。

2026-03-22 09:53:00 244

原创 已有 Flutter 应用适配鸿蒙平台指导文档

欢迎大家。在已支持 iOS/Android 的项目中增加平台目录,保持。

2026-03-20 08:35:29 678

原创 鸿蒙 Flutter 多引擎场景开发指导

主入口中注册多页面路由,供 ArkTS 通过pushRoute@overridetitle: '多引擎集成',),MyApp(),MyApp(),},路由名(如/page1/page2)需与 ArkTS 端的 key 及pushRoute参数一致。

2026-03-20 08:34:58 369

原创 Flutter OH Engine构建指导

欢迎大家。

2026-03-20 08:34:13 362

原创 Flutter-OH 升级指导

从仅 Android/iOS的 Flutter 工程首次接入鸿蒙时,可与「升级到新 OH SDK」一起做。已有 Flutter 应用适配鸿蒙平台指导文档。步骤动作1备份工程2或新建多平台工程3配置(SDK 约束 + OH 兼容插件 git 源)4业务侧增加等分支(若需要)5自研插件在ohos/侧补齐 ArkTS 实现6├── ios/├── ohos/ # 新增├── lib/└── ...依赖示例ref以git:平台判断示例// OpenHarmony / 鸿蒙。

2026-03-20 08:33:32 615

原创 Flutter 3.32.4-ohos-0.0.2 版本发布

欢迎大家加入本版本基于 Flutter 3.32.4 适配 OpenHarmony,重点支持和完善平台侧能力,提升稳定性与性能。

2026-03-17 08:32:39 433

原创 2026 年如何上车 Flutter-OH:环境搭建与上手流程

本文面向 2026 年打算开始使用或迁移到 Flutter-OH 的开发者,按「下载物料 → 配置环境 → 验证环境 → 创建工程 → 可选:适配三方库」的顺序,梳理从零到跑通的第一条链路,并给出版本选择与延伸学习建议。

2026-03-16 08:22:24 590

原创 2026 Flutter-OH 路线图:站在开发者视角,看清接下来一年怎么走

让版本跟上上游让性能更稳让问题更容易定位让三方库生态更丰富让开源治理和工程基础设施更完善如果你是 Flutter 开发者,现在值得开始关注这条线;如果你已经在做鸿蒙适配,现在更值得尽早参与到这波生态建设里。对开发者来说,最好的时机不是“等一切都完全成熟再上车”,而是在生态明显成形、又仍有大量参与空间的时候,尽早进入并建立自己的经验优势。

2026-03-14 22:12:25 531

原创 2026 年,Flutter 已经可以在鸿蒙系统上跑起来了

Flutter 已经可以在鸿蒙系统上跑起来了,而且已经具备继续往工程化、生态化和生产化推进的基础。如果你是 Flutter 开发者,现在可以开始了解鸿蒙适配路径如果你有现成 Flutter 项目,现在可以逐步评估迁移成本如果你关注跨端生态,现在值得持续跟进 Flutter OH 的版本演进和生态建设下一步,真正拉开差距的,不是谁最早听说 Flutter OH,而是谁最早开始动手验证、沉淀经验、建立自己的适配能力。

2026-03-14 19:49:23 468

原创 Flutter 3.35.7-ohos-0.0.3 发布:能力增强、性能优化与多项问题修复

是 Flutter OpenHarmony 平台的技术演进版本,继续完善 OpenHarmony 平台侧能力,增强平台化 Channel、外接纹理、云端 SDK 等特性支持,同时在渲染链路、输入体验和编译流程方面做了多项优化。想提前体验 Flutter OH 新能力的开发者关注 Impeller、PlatformView、键盘输入等场景的开发者需要跟进 Flutter OH 最新演进方向的团队不是一个单纯“修几个问题”的小版本,而是一个在平台能力、渲染性能、输入体验和构建稳定性。

2026-03-14 19:05:17 433

原创 鸿蒙 Flutter 多引擎场景开发指导

主入口中注册多页面路由,供 ArkTS 通过pushRoute@overridetitle: '多引擎集成',),MyApp(),MyApp(),},路由名(如/page1/page2)需与 ArkTS 端的 key 及pushRoute参数一致。

2026-03-12 22:03:01 182

原创 Flutter-OH 原生代码断点调试指导

欢迎大家加入开源鸿蒙跨平台开发者社区:https://openharmonycrossplatform.csdn.net/本文介绍如何在 DevEco Studio 中对 Flutter OH 应用的进行断点调试,包括项目内 ArkTS 代码、Flutter SDK 适配层以及三方库的 ohos 缓存代码。

2026-03-05 08:36:03 256

原创 鸿蒙PC Electron 打印功能实现深度解析

欢迎加入开源鸿蒙PC社区项目地址在桌面应用开发中,打印功能是一个常见但容易被忽视的需求。本文将详细介绍如何在 HarmonyOS Electron 项目中实现完整的打印服务,包括浏览器打印、导出报告等功能,并提供完整的代码实现和最佳实践。在系统信息查看器中,用户需要以下打印相关功能:技术选型功能技术方案优势直接打印 + CSS 简单、跨平台、无需额外依赖导出报告IPC 调用主进程 + Node.js fs API完全控制、格式化输出文件保存Electron

2026-03-03 12:59:38 631

原创 鸿蒙PC适配菜单栏自定义功能

│ Electron 菜单系统 ││ Menu (菜单类) ││ ├─ MenuItem (菜单项) ││ │ ├─ label (标签) ││ │ ├─ accelerator (快捷键) ││ │ ├─ click (点击事件) ││ │ └─ role (预定义角色) ││ └─ Submenu (子菜单) │{ label: '撤销', accelerator: 'CmdOrCtrl+Z', role: 'undo' }

2026-03-03 12:57:24 636

原创 鸿蒙PC Electron 系统信息查看器 - 技术深度解析

欢迎加入开源鸿蒙PC社区:https://harmonypc.csdn.net/项目地址本 Demo 是一个基于 鸿蒙PC Electron 平台的系统信息查看器,展示了如何在鸿蒙操作系统上使用 Electron 框架开发桌面应用。该项目不仅是一个功能完整的系统信息展示工具,更是一个学习 Electron 开发的优秀范例。Electron 采用多进程架构,主要由以下进程组成:本项目的架构层次数据流向核心技术实现1. 主进程实现 (Main Process)1.1 窗口管理技术要点:El

2026-03-01 15:24:36 632

原创 2026年Electron 鸿蒙PC环境搭建指南

Electron是一个使用 JavaScript、HTML 和 CSS 构建跨平台桌面应用程序的开源框架。它结合了 Chromium 渲染引擎和 Node.js 运行时环境,使开发者能够使用 Web 技术创建原生应用程序。打包应用npm run build # 或使用 electron-builder npm run package复制到鸿蒙项目将打包后的应用文件复制到确保和main.js在正确位置适配鸿蒙特性利用鸿蒙的分布式能力集成鸿蒙原生 API优化性能和用户体验。

2026-03-01 15:00:11 912

原创 Flutter-OH 插件volume_controller 在鸿蒙平台的使用指南

在 HarmonyOS 应用开发中,经常需要控制或监听系统媒体音量,例如音乐播放器、视频应用、游戏等场景。是一款支持鸿蒙平台的 Flutter 音量控制插件,提供简洁的 API 实现音量获取、设置、监听和静音功能。需求背景:Flutter 应用在鸿蒙设备上需要与系统音量交互,实现与 Android/iOS 一致的用户体验。插件简介:volume_controller 是跨平台系统音量控制插件,支持 Android、iOS、macOS、Windows、Linux 和 HarmonyOS。文章目标。

2026-03-01 09:54:21 1054

原创 Flutter-OH 插件volume_controller 适配 HarmonyOS 实战:以系统音量控制为例

随着 HarmonyOS NEXT 的快速发展,越来越多的 Flutter 应用需要支持鸿蒙平台。是一款跨平台的系统音量控制插件,支持 Android、iOS、macOS、Windows、Linux。本文将详细介绍如何将其适配到 HarmonyOS 平台,为 Flutter 插件开发者提供完整的适配参考。适配目标:在 volume_controller 插件中新增 OHOS 平台支持,实现获取/设置系统媒体音量、监听音量变化、静音/取消静音等功能。文章价值。

2026-03-01 09:53:47 1090

原创 从零实现 Flutter 插件鸿蒙适配:volume_controller 实战指南

随着 HarmonyOS NEXT / OpenHarmony 平台的快速发展,越来越多的 Flutter 开发者希望将现有插件迁移到鸿蒙平台。本文将以插件为例,详细讲解如何从零开始实现一个 Flutter 插件的鸿蒙适配。是一个跨平台的系统音量控制插件,支持获取/设置系统媒体音量、监听音量变化、静音/取消静音等功能。本文将深入探讨在适配过程中遇到的技术难点、实现方案以及最佳实践。是一个成熟的 Flutter 插件,已支持 Android、iOS、macOS、Linux、Windows 等多个平台。

2026-02-28 20:42:51 787

【Node.js开发】Prisma vs TypeORM:现代ORM框架对比及Prisma在Nest.js中的优势分析与迁移实践

内容概要:本文详细对比了2024年Node.js中ORM框架的选择,推荐使用Prisma而非TypeORM。文章指出Prisma在更新频率、下载量、社区支持等方面均优于TypeORM。Prisma拥有更详细的官方文档和更丰富的生态支持,且由商业公司维护,确保了问题的及时解决。在开发体验方面,Prisma解决了TypeORM中存在的多个问题,如findOne(undefined)返回第一条记录、synchronize:true导致数据丢失等。Prisma的接入成本更低,开发者只需通过PrismaService即可操作所有数据库API,而TypeORM则需手动导入多个Repository。Prisma提供更好的类型安全性,自动推导类型,避免了TypeORM中类型提示不准确的问题。此外,Prisma在创建实体、条件创建或更新、聚合函数、分页等功能上也表现出色,提供了简洁高效的解决方案。; 适合人群:对TypeORM有一定使用经验并希望提升开发效率的开发者,尤其是Nest.js项目的开发者。; 使用场景及目标:①评估和选择更适合项目的ORM框架;②简化数据库操作,提高开发效率;③利用Prisma的类型安全性和生态优势,优化项目开发流程。; 阅读建议:建议读者亲自尝试Prisma,体验其简洁高效的特点。特别是对于那些已经在使用TypeORM的开发者,可以参考文中提到的具体问题和解决方案,逐步迁移到Prisma。同时,关注Prisma的官方文档和社区支持,以便更好地掌握其用法。

2025-07-26

【TypeScript编程】Type与Interface的区别详解:面向对象设计与复杂类型组合的应用场景分析

内容概要:文章详细对比了TypeScript中type和interface的区别及其适用场景。两者均可用于定义对象类型,但在扩展方式、声明合并、联合类型支持等方面存在差异。interface支持继承扩展和声明合并,适合面向对象编程、类的设计和实现;而type通过交叉类型扩展,支持联合类型和交叉类型定义,适合复杂类型组合和类型别名定义。此外,interface仅限于对象类型定义,而type可以定义基本类型、元组、联合类型等。两者在实际开发中可以互补使用,根据具体需求选择合适的方式。 适合人群:有一定TypeScript基础的开发者,尤其是对类型系统有深入了解需求的技术人员。 使用场景及目标:①理解TypeScript中type和interface的核心区别;②掌握二者在不同场景下的最佳实践;③提高在项目中选择合适类型定义的能力。 阅读建议:由于type和interface各有优势和局限,建议读者结合实际项目需求,深入理解两者的特性和应用场景,灵活运用到代码设计和开发中。

2025-07-26

Web开发跨域资源共享(CORS)机制详解:HTTP头配置与实战案例分析

内容概要:本文详细介绍了跨源资源共享(CORS)机制,包括其基本概念、工作原理及关键的HTTP头部信息。CORS是基于HTTP头部的机制,用于控制浏览器是否允许跨域请求。文中解释了常见的CORS响应头,如Access-Control-Allow-Origin、Access-Control-Allow-Credentials、Access-Control-Allow-Headers等的作用和用法。文章还通过具体的代码示例展示了如何在Node.js环境中配置CORS,包括简单的GET和POST请求的跨域处理,以及如何使用Vite进行跨域请求的代理配置。此外,还讨论了携带Cookie的跨域请求和处理img、canvas等标签的跨域问题。 适合人群:具备一定前端和后端开发经验的开发者,特别是那些需要处理跨域问题的技术人员。 使用场景及目标:①帮助开发者理解CORS的工作原理,掌握常见的CORS头部信息及其应用场景;②指导开发者在Node.js环境中配置CORS,解决实际项目中的跨域问题;③介绍如何使用Vite代理配置解决前端开发中的跨域问题;④讲解如何处理img、canvas等标签的跨域访问问题。 其他说明:本文不仅提供了理论知识,还结合了实际代码示例,帮助读者更好地理解和应用CORS机制。建议读者在学习过程中多动手实践,结合代码调试加深理解。

2025-07-26

前端开发前端架构设计与工程化的核心理念及实践:提升开发效率与项目管理质量的系统方法论

内容概要:本文深入探讨了前端架构设计与工程化的概念及其相互关系。前端架构设计旨在规划一系列抽象模式,指导项目开发;前端工程化则是将系统化的方法应用于开发、运行和维护。两者相辅相成,优秀的设计需向工程化妥协,确保实际可行性。文章强调了架构设计的三个通用原则:合适原则、简单原则和演化原则。同时,详细介绍了前端工程化的内容,包括规范制定、技术选型、开发与测试、构建与部署以及监控等方面。文中还结合作者的实际工作经验,分享了在小团队中如何进行前端工程化的具体实践,如使用GitLab、Jenkins等工具进行版本管理和自动化部署。 适合人群:具备一定前端开发经验的研发人员,特别是工作1-3年的前端工程师。 使用场景及目标:①帮助读者理解前端架构设计与工程化的概念及其重要性;②提供实际项目中的前端工程化实践案例,如规范制定、技术选型、开发与测试、构建与部署、监控等环节的具体操作方法;③引导读者思考如何在实际工作中应用这些理念和工具,提升项目的开发效率和质量。 阅读建议:本文内容丰富,涵盖了前端开发的多个方面。建议读者结合自身的工作场景,重点关注与自己当前项目相关的内容,并尝试将其应用到实际工作中。对于一些具体的工具和技术,可以通过查阅官方文档或参考其他资源进一步学习。

2025-07-26

前端开发基于Vue3的上下无限滚动实现:页面垂直方向持续循环滚动的设计与优化

内容概要:本文介绍了如何在Vue3中实现上下无限滚动的效果。首先,准备基础页面并隐藏滚动条,然后通过`scrollTo`方法结合`requestAnimationFrame`实现持续滚动。为了避免滚动到底部停止的问题,采用将滚出视口的元素复制到列表末尾的方式,确保滚动永不停止。针对长时间运行可能导致的内存占用问题,提出了在滚动完一轮时重置数据的优化方案,以保证用户体验流畅。最后提供了完整的代码示例,包括HTML、TypeScript和LESS样式,详细展示了实现过程。 适合人群:熟悉Vue3框架,有一定前端开发经验的开发者。 使用场景及目标:①适用于需要展示大量动态更新内容的网页,如新闻流、消息列表等;②学习如何优化无限滚动避免性能问题;③掌握Vue3中`ref`、`onMounted`等API的使用。 阅读建议:在理解代码逻辑的同时,重点关注性能优化部分,实践时可尝试调整参数值观察不同效果,并结合浏览器开发者工具监控内存使用情况。

2025-07-26

前端开发Vue组件管理新趋势:实现远程组件加载优化团队协作与项目更新效率

内容概要:本文探讨了Vue组件管理的新趋势——远程加载组件的方法。文章指出传统方式下,组件库升级时项目需同步升级依赖并重新部署,较为繁琐。为解决这一问题,提出了一种新思路:不将组件库作为依赖包安装,而是通过HTTP网络请求从静态服务器获取组件代码并直接解析渲染。具体实践步骤包括:使用Express搭建静态服务存放组件代码;在项目中通过fetch发起网络请求获取组件代码;利用new Function执行代码并渲染组件。这种方式使得组件库升级后,项目无需更新依赖或重新部署即可获取最新组件功能。 适合人群:有一定前端开发经验,特别是对Vue有一定了解的研发人员。 使用场景及目标:①希望减少组件库升级带来的频繁项目更新和部署工作量;②提升团队协作效率,快速集成最新组件功能;③探索Vue组件管理的新方法和技术。 阅读建议:本文提供了详细的实践案例,在阅读过程中应重点关注远程加载组件的具体实现步骤,并尝试动手实践,以便更好地理解其工作原理和应用场景。

2025-07-26

电脑软件快捷键.doc

这是一份完整的办公软件的快捷键知识,超级适合各种办公人员和学生,都是满满的干货,大家赶紧收藏起来呀!

2019-12-16

春运抢票软件,买票轻轻松松

这是一款12306春运抢票软件

2023-01-11

Chrome90_V90.0.4430.72_XiTongZhiJia.zip

Chrome浏览器90历史版本,有32位的和64位的

2022-01-10

程序员必备专业词汇1700词.docx

该文档里面有完整的计算机专业单词词汇,可以运用到各个英文软件,简单又实用的干货,走过路过的朋友们不要错过,赶紧下载吧!

2019-12-15

web前端知识总思维导图.emmx

一份超级齐全的web前端考试复习脑图,里面有JavaScript+html+css+jquery的知识点总结。

2020-02-27

终面中谈薪资的准则和技巧(offer必备).pdf

关于如何谈薪资这一问题的详细解读

2021-05-23

空空如也

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

TA关注的人

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