自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 小白2025鸿蒙笔记——最新封装沉浸式开发工具函数

该摘要描述了如何在ArkUI框架中实现窗口管理和沉浸式功能:1) 封装SavedContext类存储UI上下文;2) 通过windowStage获取窗口实例并安全加载UIContext;3) 实现WindowMangerFullScreen工具类,封装获取窗口方法并提供openFullScreen/closeFullScreen函数来切换沉浸式布局。代码包含完善的错误处理机制,使用AppStorageV2进行数据共享,避免重复获取窗口实例,并通过日志记录关键操作和异常情况。

2025-11-12 11:25:50 462

原创 小白鸿蒙笔记2025——HiLog日志打印

本文介绍HarmonyOS中的日志系统hilog及其封装版本log,主要用于开发者问题排查和性能优化。首先需导入@kit.PerformanceAnalysisKit模块,hilog提供debug、info、warn、error和fatal五种日志级别,参数包括domain、tag、format和args。示例展示了info级别日志的使用方法和输出格式。最后提到可根据企业需求二次封装hilog,定制符合业务场景的日志工具。

2025-11-11 14:52:17 217

原创 小白2025鸿蒙学习笔记——路由跳转 router(方式)

本文介绍了基于URL的页面路由解耦方案,类似小程序实现方式。主要内容包括:1)使用@Entry组件和main_pages.json配置页面路径;2)详细说明pushUrl、back、replaceUrl等路由操作方法及其效果;3)介绍跨模块跳转实现方式,需注意模块关联配置;4)区分Hap、Hsp、Har三种模块类型的特点和适用场景。该方案支持参数传递和状态管理,但存在跳转延迟和灵活性不足等问题,官方已开始不推荐此方式。

2025-10-14 20:35:37 439

原创 VueRouter2025学习笔记——进阶(1)导航守卫

Vue路由导航守卫详解:Vue Router提供了三种导航守卫(全局守卫、路由独享守卫和组件内守卫),用于在路由跳转过程中进行权限验证和流程控制。全局守卫(beforeEach/beforeResolve/afterEach)适用于所有路由,路由独享守卫针对特定路由,组件内守卫则处理组件相关逻辑。守卫执行顺序遵循严格流程,支持同步/异步操作,可通过路由元信息(meta)实现复杂权限控制。典型应用包括:登录验证、权限检查、数据预加载和表单保护等。开发时需注意守卫类型选择、异步处理、性能优化和错误处理,合理使用

2025-10-13 16:57:35 577

原创 VueRouter2025学习笔记——(6)命名视图

命名视图是Vue Router提供的多组件渲染机制,允许在单个路由中定义多个独立显示区域。通过components(复数)属性配置,default为默认视图,其他命名视图可自定义名称。它支持多层嵌套、动态切换、参数传递和懒加载等特性,适合管理后台、电商页面等复杂场景。最佳实践包括合理规划视图结构、使用状态保持、建立视图通信机制等。命名视图实现了页面功能区的模块化划分,各组件可独立更新,提升开发效率和用户体验。

2025-10-13 15:13:31 359

原创 VueRouter2025学习笔记——(5)编程式导航

本文介绍了Vue Router中的编程式导航方法,重点讲解了三种核心导航方式:push()添加新记录、replace()替换当前页、go()在历史记录中移动。文章详细解析了参数传递方式(params路径参数、query查询参数、hash锚点),并比较了字符串路径、对象格式和命名路由三种目标格式的优劣。此外,还阐述了如何结合导航守卫处理条件导航,以及在实际场景(如表单提交、权限控制、搜索过滤)中的应用技巧。最佳实践建议优先使用命名路由,合理选择导航方法,并推荐创建导航抽象层统一管理路由跳转逻辑。

2025-10-13 15:07:05 817

原创 VueRouter2025学习笔记——(1)带参数的动态路由匹配

vue-- ❌ 传统方式(紧耦合) -->// 组件直接依赖路由对象</script>vue-- ✅ Props 模式(解耦) -->})// 组件只关心数据,不关心数据来源</script>可测试性:组件可以在隔离环境中测试,无需模拟路由系统可复用性:组件可以在不同路由配置、甚至无路由环境中使用可维护性:路由逻辑集中管理,易于修改和维护单一职责:组件专注于UI展示,路由专注于导航逻辑框架无关:更换路由库时只需修改外层代码,不影响组件内部。

2025-10-13 14:38:04 854

原创 小白2025鸿蒙学习笔记——UIAbility组件(窗口组件,应用级别的组件)!!

一个应用程序可能包含多个UIAbility,一个UIAbility可以加载很多页面。每个UIAbility实际在运行时都形成一个新的窗口,这些窗口可以互相通信。每次打开应用,就是在程序中,启动了一个UIAbility组件实例,加载页面内容。

2025-10-11 15:51:38 609

原创 小白2025鸿蒙学习笔记——AppStorageV2临时和PersistenceV2持久化

获取数据或创建存储,第一次创建临时存储数据,第二次点击时,进行的是读取缓存的数据。(启动应用)只是临时的存储状态,一杀死就需要重新存储(关闭应用)语法与AppStorageV2一模一样,只不过实现了本地持久化。v1中,两者都基于同一个地方存储,混乱难理解。globalConnect实现更明确。

2025-10-10 09:20:19 543

原创 小白2025鸿蒙学习笔记——(V2语法糖)双向绑定 !!

难理解的@Param就是父亲给我的有名字的宠物小狗,@Event是我告诉父亲这个小狗的变化,小狗有自己的名字,所以要加上对应的$+小狗名字。在V1版本中,通过$$来实现系统组件的双向绑定($$ => (部分内置组件的双向绑定))我们的英文输入法一样,就可以理解为数据的双向绑定。子组件名({ 参数名: this.父变量!

2025-10-09 22:15:32 166

空空如也

空空如也

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

TA关注的人

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