logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

鸿蒙应用开发:Slider(滑动选择器)

本文详细介绍了HarmonyOS元服务开发中的Slider组件使用方法。该组件提供滑块交互功能,适用于音量控制、亮度调节等场景。文章涵盖三大核心内容:1) 组件属性配置,包括最小值/最大值设置、步长控制、颜色定制等12个参数;2) 事件处理说明,包含拖动结束(bindchange)和拖动过程(bindchanging)两个关键事件;3) 完整代码示例,展示了多种场景下的Slider实现方式,包括基

文章图片
#鸿蒙#harmonyos
鸿蒙应用开发:Web组件

@ohos.web.webview组件提供了网页显示和Web控制能力,从API 8开始支持。组件支持Phone、PC、Tablet等设备,访问在线网页需网络权限。主要功能包括:加载在线/本地网页(通过$rawfile或resource协议)、隐私模式、同步渲染模式及共享渲染进程。使用时需注意:不支持转场动画,同一页面的多个Web组件需绑定不同WebviewController。示例代码展示了各种使

文章图片
#harmonyos#华为
鸿蒙开发:Grid 布局(网格布局)

CSS Grid 是二维布局神器,通过行列自由控制,轻松构建复杂页面结构。

文章图片
#前端#华为#harmonyos
鸿蒙应用开发入门:项目初始介绍

鸿蒙应用开发入门:项目初始介绍

文章图片
#鸿蒙#华为
TypeScript:枚举类型

TypeScript枚举(Enum)是一种定义命名常量的数据类型,包含数字、字符串、常量及异构枚举四种类型。它通过语义化名称提升代码可读性,适用于状态管理、API响应码等场景。数字枚举简洁高效,字符串枚举增强可读性,常量枚举优化性能。枚举优点包括类型安全、重构友好,但也存在运行时开销。最佳实践建议:优先使用const或字符串枚举,小型常量集适用,大型动态集改用联合类型。枚举是前端开发中管理固定常量

文章图片
#typescript#javascript#前端
TypeScript :命名空间(Namespace)

TypeScript的命名空间(Namespace)是一种代码组织机制,用于解决全局作用域中的命名冲突问题。它通过namespace关键字定义,支持嵌套命名空间、多文件扩展和别名调用。命名空间与ES6模块的主要区别在于作用域范围、加载方式和适用场景。命名空间适合Web全局环境和旧项目迁移,而模块更适用于现代应用开发。实际应用中,命名空间可用于浏览器环境、第三方库开发和渐进式迁移。现代项目建议优先使

文章图片
#typescript#javascript#前端
Vue: 自定义组件和 nextTick

本文介绍了Vue框架中两个核心功能:自定义组件和nextTick。自定义组件通过封装HTML、CSS和JavaScript实现代码复用,支持全局/局部注册,包含Props、Events、Slots等核心概念,适用于构建UI组件和业务模块。nextTick是处理DOM异步更新的关键API,确保在数据变更后安全操作DOM,其原理基于微任务队列机制。文章强调合理使用这些功能可以提升开发效率和代码质量,同

文章图片
#vue.js#前端#javascript
Vue: ref、reactive、shallowRef、shallowReactive

Vue响应式API对比:ref和reactive分别用于创建基本类型/对象和深层响应式对象,通过.value或直接访问;shallowRef和shallowReactive提供浅层响应式方案,仅响应顶层变化,适用于性能优化场景。ref适合基本类型和对象引用,reactive适合复杂状态,shallow系列适合大型数据或明确不需要深度监听的情况。选择时需根据数据类型和响应需求权衡性能与功能。

文章图片
#vue.js#前端#javascript
Vue: Class 与 Style 绑定

Vue.js提供了强大的Class和Style绑定功能,支持对象和数组语法实现动态样式控制。Class绑定可通过对象语法按条件切换类名,或使用数组语法组合多个类;组件上使用时能自动合并到根元素。Style绑定支持对象和数组形式,能自动添加浏览器前缀并处理多值情况。最佳实践建议:复杂逻辑使用计算属性,组件设计考虑样式继承,避免性能过载。这些功能使样式管理更灵活高效,是Vue开发的重要特性。

文章图片
#vue.js#前端#javascript +2
Vue:Computed (计算属性)

Vue3中的computed特性是处理响应式数据计算的重要工具。它通过自动追踪依赖变化实现响应式更新,并利用缓存机制优化性能。computed能将复杂逻辑从模板中分离,提高代码可维护性,支持getter/setter操作,并能与动态class/style绑定结合使用。典型应用场景包括:多变量计算、模板逻辑复用以及动态样式管理。开发者应优先使用computed而非模板内表达式来处理复杂数据逻辑。

文章图片
#vue.js#前端#javascript
    共 69 条
  • 1
  • 2
  • 3
  • 7
  • 请选择