自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

夏天的博客

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

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

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

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

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

原创 Flutter-OH 三方库适配指南:核心文件+实操步骤

各位开发者大家好!适配 Flutter-OH 三方库无需复杂操作,核心只需聚焦,即可高效完成大部分库的适配工作。本文将详细拆解核心文件职责、基础结构搭建,以及完整实操示例,帮你快速上手适配流程。

2026-01-09 00:49:12 624

原创 深度解析OpenHarmony跨平台框架生态:RN、Flutter、Cordova、KMP四大方向全梳理

前端开发者可优先选择OpenHarmony-RN(React Native)或OpenHarmony-Cordova(Web技术);追求高性能UI与跨平台一致性的团队,OpenHarmony-Flutter是最优解;Kotlin技术栈团队可关注OpenHarmony-KMP的生态演进。

2026-01-08 13:41:07 490

原创 Flutter OH 3.35.7 Dev 版本发布 | 快速体验指南

Flutter OH 3.35.7 Dev 版本已发布,分支地址为;支持 OpenHarmony 6.0.1(API 21)真机运行,提供 3 种便捷的运行方式;开发文档已同步更新,可参考官方链接获取详细指引。欢迎各位开发者体验该版本,若遇到问题可通过官方仓库反馈,共同完善 Flutter-OH 生态!欢迎大家加入跨平台社区加入跨平台社区。

2026-01-08 09:14:50 253

原创 openJiuwen 快速入门:从零开始搭建你的第一个 AI 智能体

无论是否有编程基础,你都可以在 openJiuwen 平台快速搭建专属的 AI 智能体。本教程以"智能助手"为例,带你从模型配置到智能体创建,体验完整的开发流程。

2026-01-04 08:23:22 947

原创 macOS 系统本地安装 openJiuwen 完整指南

本指南详细介绍在 macOS 系统中通过本地源码方式安装 openJiuwen 的完整流程,包含环境准备、依赖安装、系统部署及常见问题解决,适用于技术开发与测试人员参考。

2026-01-04 08:22:51 1234

原创 鸿蒙PC端运行C++程序:从编译适配到工程化开发全指南

编译工具优先选择clang++/毕昇C++编译器,避免g++的兼容性问题;代码层面需解决LINE_MAX未定义、ARM架构关键字适配、STL标准库依赖等问题;编译命令添加宏,确保POSIX接口正常使用,指定C++11+标准以支持现代C++特性;工程化开发可使用CMake管理多文件项目,静态编译简化分发流程,GDB调试定位问题。

2025-12-29 13:06:01 1068

原创 鸿蒙PC端运行C语言程序:从编译到部署的全流程实战

编译工具优先选择Clang/毕昇编译器,避免GCC的兼容性问题;代码层面需解决LINE_MAX未定义、ARM架构关键字适配等鸿蒙特有问题;编译命令添加宏,确保POSIX接口正常使用;运行阶段可通过静态编译、GDB调试、系统服务配置优化程序部署。本文实现的系统信息采集程序可作为鸿蒙PC端C语言开发的基础模板,扩展至硬件驱动调用、系统监控、网络编程等更复杂场景,完全复用Linux的C语言开发经验,无需重构核心逻辑。欢迎大家加入鸿蒙pc开发大家庭。

2025-12-29 12:44:05 1075 1

原创 鸿蒙PC端Java应用开发实战:从环境适配到系统信息采集

优先使用JDK 8公开API,远离内部类和高版本新增方法;英文输出是解决编码乱码的终极方案;硬件信息采集仅依赖标准接口,放弃非标准的底层信息获取;编译/运行时显式指定JDK版本,确保鸿蒙PC环境兼容。该方案开发的系统信息采集工具可稳定运行在鸿蒙PC端,无乱码、无权限异常,且能完整采集基础系统、JDK、硬件资源信息,为鸿蒙PC端Java应用开发提供了可复用的适配模板。本文通过实战案例,完整讲解了鸿蒙PC端Java开发环境的搭建流程,以及系统信息查看工具的开发与适配要点。

2025-12-29 09:04:59 893

原创 在鸿蒙PC上体验JavaScript应用开发:系统信息查看工具

本文通过实战案例,完整讲解了鸿蒙PC端Node.js开发环境的搭建流程,以及系统信息查看工具的开发与适配要点。该示例基于Node.js内置模块实现,无第三方依赖,充分适配了鸿蒙PC的aarch64架构与Linux内核特性,具备良好的稳定性和可读性。基于本文的基础框架,开发者可进一步扩展功能,探索更多鸿蒙PC端JavaScript应用的可能性:可视化界面开发:结合Electron框架,将命令行工具改造为带GUI的桌面应用,提升用户体验;功能扩展:增加磁盘信息采集、进程管理、系统资源监控等功能;

2025-12-29 08:22:09 939

原创 仓颉Nightly Builds版本正式解锁鸿蒙PC开发

此次仓颉Nightly Builds版本的上线,标志着鸿蒙PC生态迎来了原生编程语言的核心支撑。通过本文的实操步骤,开发者已实现从环境搭建到应用运行的全流程打通,体验到仓颉语言在鸿蒙PC场景下的高效开发特性。作为面向全场景智能的编程语言,仓颉不仅在鸿蒙应用开发中表现突出,更在服务端、云化场景中具备高性能微服务开发能力。随着开源生态的持续完善,以及工商银行、京东、力扣等企业的成功实践验证,仓颉正成为鸿蒙全场景开发的优选语言。

2025-12-28 20:55:23 1012

原创 cJSON 适配 OpenHarmony PC 完整指南

零依赖优势:cJSON 无外部依赖,集成简单双库支持:同时提供静态库和动态库标准兼容:完全符合 JSON 标准易于使用:API 简洁,文档完善高性能:解析速度快,内存占用小。

2025-12-27 08:53:56 858

原创 解决 Lycium 增量编译中的产物丢失问题,使其能在鸿蒙PC上运行

检查项当前实现改进后CSV 记录✅ 检查✅ 检查产物目录存在❌ 不检查✅ 检查产物文件存在❌ 不检查✅ 检查。

2025-12-25 15:08:10 1271

原创 好久不见!ArkUI-X 6.0.0 Release 正式发布,跨平台能力全面升级

从本次 6.0.0 Release 版本的更新内容来看,ArkUI-X 已经完成了从 “基础跨平台能力验证” 到 “全场景能力补全” 的跨越:组件覆盖更全、API 基础能力更完整、配套资源更丰富,对于想要基于鸿蒙生态做跨平台开发的团队来说,现在已经具备了实际项目落地的条件。如果你是鸿蒙开发者,想要拓展应用的跨平台覆盖范围;或是跨平台开发者,想要尝试鸿蒙生态的高效开发模式,不妨试试 ArkUI-X 6.0.0 Release 版本。

2025-12-25 08:18:31 691

原创 ArkUI-X 6.0.0 Release发布

ArkUI-X 6.0.0 Release版本配套OpenHarmony 6.0.0 API 20 Release版本。框架跟随OpenHarmony同源演进,在ArkUI组件、图形引擎、语言运行时等底座能力进一步完善,ArkUI 高级组件、Web组件、网络、文件管理、数据库、graphic2D等平台基础API能力完善,支持跨平台使用。欢迎大家关注并使用ArkUI-X,如有疑问可以通过issues交流,期待您的宝贵建议!

2025-12-24 12:38:12 907

原创 RN项目鸿蒙化实践指南:从适配到落地的全流程解析

鸿蒙系统作为面向全场景的分布式操作系统,具备跨设备、低时延、高安全等核心优势,已广泛应用于手机、平板、智能穿戴、车机等多种终端设备。对于基于RN开发的跨平台应用而言,实现鸿蒙化适配,不仅能接入鸿蒙庞大的终端生态,还能借助鸿蒙的分布式能力拓展应用的场景边界,提升用户体验。

2025-12-23 13:59:03 394

原创 使用Flutter开发HarmonyOS应用核心问题集锦(速查版)

本文汇总了Flutter开发HarmonyOS应用全流程中的高频核心问题,按“基础方案-编译构建-通信交互-混合开发-插件使用-webview-性能调优-场景实战”八大核心领域分类,方便开发者快速定位问题、查找解决方案,覆盖从环境搭建到功能落地的全链路需求。

2025-12-23 08:22:34 924

原创 Flutter-OH OAuth 鸿蒙平台适配详细技术文档

OAuth 2.0 是一个行业标准的授权协议,它允许用户授权第三方应用访问他们存储在另外的服务提供者上的信息,而不需要将用户名和密码提供给第三方应用。OAuth 2.0 定义了四种授权类型:本项目采用的授权码模式是最安全、最常用的授权方式,适用于有后端服务器的应用。流程如下:步骤说明:HarmonyOS(鸿蒙系统)是华为推出的面向万物互联时代的智能终端操作系统。Flutter 在鸿蒙平台的适配使得开发者能够使用统一的代码库为多个平台开发应用。本项目使用的关键插件都需要鸿蒙版本:在 中使用 Git 依赖指

2025-12-19 21:24:44 783

原创 双剑合璧!CANN 即将开源 PyPTO 与 AMCT,攻克 AI 开发两大核心痛点

在 AI 技术规模化落地的进程中,算子开发的复杂性与大模型部署的资源压力,始终是困扰开发者的两大核心难题。为了打破技术壁垒、提升开发效率,CANN 开源社区即将于 2025 年 12 月 30 日重磅推出两大核心工具 —— 高性能编程框架 PyPTO 与模型压缩工具包 AMCT。这两款工具分别聚焦 “易用性与高性能兼顾的算子开发” 和 “大模型轻量化部署”,将为 AI 开发者提供全流程技术支撑,进一步丰富 CANN 生态的核心能力。

2025-12-19 21:14:19 980

原创 揭秘CANN开源社区:打造国内首选AI开发平台,共筑算力新生态

CANN开源社区正以“全栈开放、持续迭代、社区共治”的姿态,成为AI异构计算领域的创新高地。截至目前,社区已收获3.8K Star、1.74K Fork、370.06K下载量,累计处理1.35K Issue、4.84K PR,形成了充满活力的开发者生态。无论你是AI框架开发者、算子优化专家,还是高校科研人员、企业技术负责人,都能在CANN社区找到发挥价值的舞台。在这里,你可以获取最前沿的异构计算技术,结识志同道合的开发者,参与影响行业的开源项目。欢迎加入CANN社区。

2025-12-19 20:28:11 1048

原创 基于Ascend C开发的Vector算子模板库-ATVOSS 技术深度解读

步骤1:定义表达式// 在 math.h 中// 一元操作// 二元操作步骤2:实现Evaluator// 在 tile_evaluator_math.h 中步骤3:调用Ascend C API// 在 tile_ascendc_math.h 中继承或// 自定义Run方法// 自定义调度逻辑最后欢迎加入CANN社区:https://atomgit.com/cann,更多的算子都可以在cann社区看到。

2025-12-19 20:17:29 821

原创 Qwen3-235B 32K长序列RL训练优化实践:突破内存与负载瓶颈的全栈方案

在大模型实用化进程中,长序列处理能力已成为核心竞争力——从仓库级代码理解、数百页法律合同分析到数小时多模态内容处理,更长的上下文长度正在解锁全新应用场景。Meta、Google、阿里等厂商纷纷推出支持百万级上下文的模型,而Qwen3-235B以32K上下文长度为目标,在强化学习(RL)训练场景中面临着内存瓶颈与负载不均的双重挑战。本文将详细拆解基于昇腾CANN平台与verl框架的全栈优化方案,最终实现系统吞吐从67 TPS/卡跃升至122 TPS/卡的突破。

2025-12-19 20:12:31 673

原创 Ascend C开发工具包(asc-devkit)技术解读

是(Compute Architecture for Neural Networks)生态中的核心开源项目,作为昇腾AI处理器专用的算子程序开发语言工具包,为开发者提供了从底层硬件到高级算法的完整编程能力。该项目原生支持C和C++标准规范,是连接开发者与昇腾AI硬件的关键桥梁。

2025-12-19 18:01:48 272

原创 开源鸿蒙跨平台赋能:Flutter/RN/KMP/CMP 多栈适配

RN(React Native)是Facebook推出的开源跨平台框架,采用JavaScript/TypeScript语言开发,通过桥接技术调用原生平台API,实现了“Learn once, write anywhere”的开发理念,广泛应用于移动应用开发。

2025-12-19 11:10:36 893 1

原创 鸿蒙Lycium 交叉编译框架完全指南

Lycium是一款协助开发者通过 Shell 脚本语言实现 C/C++ 第三方库快速交叉编译,并在 OpenHarmony 系统上快速验证的编译框架工具。北向应用是指运行在 OpenHarmony 系统上的应用程序,使用 ArkTS/JS 开发界面,通过 NAPI 调用 C/C++ 代码。

2025-12-18 23:00:19 811 1

原创 OpenHarmony PC 第三方 C/C++ 库适配完整指南

有些项目的# 安装库文件# 安装头文件# 安装 pkg-config 文件cd $OLDPWDLycium 构建系统为 OpenHarmony PC 平台的第三方库适配提供了标准化、自动化的解决方案。通过正确编写HPKBUILD✅快速移植:标准化流程减少重复工作✅依赖管理:自动处理库之间的依赖关系✅质量保证:SHA512 校验和测试框架确保质量✅社区协作:统一的格式便于代码审查和维护。

2025-12-18 22:29:02 488

原创 鸿蒙PC命令行开发 macOS 上解决 pkg-config 命令未安装的问题

pkg-config是一个辅助工具,用于在编译应用程序和库时向编译器提供正确的参数。获取库的头文件路径(--cflags获取库的链接参数(--libs检查库的版本信息管理库的依赖关系pkg-config是 Unix/Linux 系统上进行 C/C++ 开发的重要工具,在 macOS 上通过 Homebrew 可以轻松安装。安装后可以大大简化第三方库的编译和链接过程,避免手动查找和指定库路径的麻烦。Ninja 是一个专注于速度的小型构建系统。速度优先:最小化构建时间,特别适合大型项目简洁性。

2025-12-18 22:23:19 551

原创 解决鸿蒙PC命令行编译 macOS 上 cp 命令参数冲突问题

特性cp 实现参数检查宽松,允许重复严格,检查冲突-a定义-RpP长参数支持支持--archive不支持长参数错误处理较为宽松较为严格在 macOS 系统上,cp -rfa-a参数已经包含了-R(递归)功能同时使用-r和-a相当于同时使用了-r和-RBSD cp 严格检查参数冲突,不允许这种重复。

2025-12-18 19:27:13 695

原创 OpenHarmony Linux 环境 SDK 使用说明(进阶--依赖库的解决方法)

​ 我们在移植三方库的时候,很多库是有依赖的。面对这种情况我们应该如何处理。下面以libzip为例讲解下如何为ohos编译带依赖的库。

2025-12-18 19:01:11 373

原创 Flutter 开发的鸿蒙AtomGit OAuth 授权应用

这是一个基于 Flutter 开发的鸿蒙OAuth 2.0 授权应用,用于获取 AtomGit 授权用户的个人信息。

2025-12-18 16:41:33 1089

原创 如何运行Flutter示例代码到鸿蒙平台上

大家好,今天我们一起来看一下使用相机调用这个案例,一起来看一下flutter代码运行到鸿蒙平台的效果。4.现在就可以直接使用flutter run来测试了。现在这里面就是我们的这些适配了ohos的目录。2.适配ohos的案例都在ohos目录下。现在我们就可以对现在的源码继续分享了。我今天想学习的是testcamera。所以需要大家在这里面ohos模块签名。3.进入testcamera目录。5.打开deveco。首先大家需要下载这个仓库。cd到ohos目录下。6.现在就可以尝试了。

2025-12-18 08:27:06 290

原创 Flutter在鸿蒙平台实现相机预览的技术实践

本项目展示了如何在鸿蒙(OpenHarmony)平台上使用Flutter框架实现相机预览功能。这是一个典型的跨平台开发场景,通过Flutter的插件机制,将鸿蒙原生的相机能力桥接到Flutter应用中,实现了高性能的相机预览体验。

2025-12-18 08:19:21 881

原创 可以开发鸿蒙PC的技术栈推荐

首选方案:ArkUI/ArkUI-X(官方原生、多端覆盖、性能最优);迁移现有项目:Flutter(适配成熟度较高);高性能桌面应用:Qt(C++生态,适合复杂场景);轻量工具应用:Electron/Tauri(需依赖鸿蒙PC的兼容层支持)。随着鸿蒙PC生态完善,更多跨平台框架的适配会逐步成熟,后面也会持续更新,欢迎大家订阅。更多内容,尽在鸿蒙PC社区。

2025-12-17 07:57:01 682

原创 鸿蒙 PC 深度解析:生态破局、体验革新与开发者共建之路

在操作系统领域,技术突破仅是起点,。全球主流操作系统的成功,无一不是依托于海量适配的应用与活跃的开发者群体。对于鸿蒙 PC 而言,其最大的生态优势在于无需 “从零起步”—— 借助与手机、平板同源的 ARM 架构底座,它天生具备跨端兼容能力,这不仅为用户迁移降低了门槛,更给开发者带来了 “一次开发,三端部署” 的核心价值。今天拿到鸿蒙PC,用了一段时间,就来说说自己的感悟。

2025-12-16 09:09:49 997

原创 Flutter 与 uni-app 在鸿蒙开发中的优劣对比

Flutter 是由 Google 推出的移动应用开发框架,使用 Dart 语言编写。它具有高度的可定制性和丰富的 UI 组件,通过自有的渲染引擎和框架,可以在多个平台上实现快速、高效的应用程序开发。Flutter 与 uni-app 虽在多端开发中各有优势,但在鸿蒙生态的深度整合、安全性与性能维度上,ArkTS 展现了更强的竞争力。随着 HarmonyOS NEXT 市占率突破 17%,掌握 ArkTS 将成为开发者拥抱万物智联时代的核心能力。

2025-12-16 08:53:43 923

原创 鸿蒙PC开发者必备工具推荐:覆盖开发全流程的高效利器

在鸿蒙PC(HarmonyOS PC)环境下开展开发工作,选择适配性强、功能贴合场景的工具能显著提升效率。本文从三大核心场景出发,整理了10款经过验证的实用工具,均来自华为应用市场或官方/社区渠道,安全可靠且适配鸿蒙交互逻辑。

2025-12-16 08:50:59 1014

原创 华为 CANN:昇腾 AI 的异构计算架构核心与开源生态解析

CANN 不仅是华为昇腾 AI 的技术核心,更是国产 AI 计算架构自主化的关键载体。通过端云一致的分层架构全栈开源的开放策略与极致易用的开发体验,CANN 正在打破国外 AI 计算架构的生态壁垒,为开发者提供了从 “硬件适配” 到 “应用落地” 的全流程支持。欢迎大家到GitCode参与共建。

2025-11-24 15:12:35 1110

原创 彻底解决 Flutter 开发 HarmonyOS 应用:No Hmos SDK found 报错

在使用,导致项目创建后无法编译运行。本文结合 Flutter 底层运行逻辑,提供一套的解决方案,同时规避后续编译时的问题。

2025-11-22 18:26:49 1421

原创 开源鸿蒙 Cordova 设备信息插件开发详解

Apache Cordova 是一个开源的移动应用开发框架,允许开发者使用 HTML、CSS 和 JavaScript 构建跨平台移动应用。Cordova 通过插件机制提供了访问设备原生功能的能力,使 Web 应用能够调用系统 API。

2025-11-22 07:01:32 1137

原创 Cordova IP地址查询应用实现技术博客

IP地址查询是网络应用中常见的功能需求,无论是用于网络安全监控、用户行为分析,还是内容分发网络(CDN)优化,都需要准确、高效的IP归属地查询服务。本文将详细介绍如何在Cordova应用中集成高精度IP地址查询功能,支持IPv4和IPv6地址查询,并提供完整的实现方案和代码示例。🚀 实现步骤步骤1: 创建HTML页面结构创建 文件,包含以下核心部分:步骤2: 实现核心JavaScript逻辑创建 文件,实现IP查询的核心功能:2.2 IP查询函数2.3 IP格式验证2.4 结果显

2025-11-21 22:37:48 705

【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关注的人

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