首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏个人路线

    uni-app x 支持鸿蒙

    uni-app x 支持鸿蒙 国产替代浪潮奔涌,鸿蒙适配已成为一个必答题,这里面跨端框架是破局多 OS 割裂的最优解。 比如 uniapp x,之前有很多 app 可能是用 uniappx 做的,那么如何支持鸿蒙呢? uni-app x 从 4.61+起支持纯血鸿蒙,即 Harmony NEXT。 uni-app x 的鸿蒙版虽然是刚发布,但组件、API、CSS 基本拉齐了 Android 和 iOS。甚至还有扫码、拨打电话、剪贴板等超出 Android/iOS 的功能。 uni-app x 在鸿蒙模拟器运行不受限制。 HBuilderX 4.61+ 开始支持针对 uni-app x 项目的调试功能,支持断点调试,可以在控制台里面点击调试按钮开启。

    92010编辑于 2025-04-15
  • 来自专栏uni-app

    uni-app x 正式支持鸿蒙原生应用开发

    至此,uni-app x 已经完成Android、iOS、鸿蒙、Web、微信小程序等主流平台全覆盖。uni-app x,是下一代uni-app,是一个原生的跨平台开发框架。 uni-app x的高性能得益于:编译为原生语言uni-app x编译器,可以将UTS语言直接编译为各个平台的原生代码:    1.toAndroid:编译为kotlin代码    2.toiOS:编译为 uni-app x的演示应用已上架鸿蒙应用商店,你可以通过单框架版本的纯血鸿蒙手机,在应用市场搜索“DCloud开发者中心系统”安装体验,该应用详细演示了uni-app x在鸿蒙平台上支持的各种组件、API uni-app x除了自身提供大量组件和API外,还有丰富的插件生态。插件市场已经有数千款uni-app x的插件,其中不少插件已支持鸿蒙next。 当鸿蒙版使用uni-app x后,你还可以同时渐进式重构之前的Android和iOS原生应用,在原生应用中引入uni-app x原生sdk,将部分页面模块跨端统一为uni-app x实现。 

    67810编辑于 2025-05-26
  • 来自专栏个人路线

    uni-app x 从 4.61+起支持 Harmony NEXT

    uni-app x 从 4.61+起支持 Harmony NEXT 昨天的文章简单的带大家了解了一下 uniapp 支持鸿蒙 接下来一起看一下详细的介绍 uni-app x 是什么? uni-app x,是下一代 uni-app,是一个跨平台应用开发引擎。 uni-app x 是一个庞大的工程,它包括 uts 语言、uvue 渲染引擎、uni 的组件和 API、以及扩展机制。 在 Android 平台,uni-app x 的工程被整体编译为 kotlin 代码,本质上是换了 vue 写法的原生 kotlin 应用,在性能上与原生 kotlin 一致。 uts 语言 开发者在 uni-app x 中,需使用 uts 而不是 js。尤其是 Android 端不自带 js 引擎,无法运行 js 代码。 API uni-app x 支持的 API 包括: uts 的 API 详见[2] 全局 API,前面不需要加uni.。

    86800编辑于 2025-04-16
  • 来自专栏个人路线

    使用 uni-app x 开发 2048 游戏适配鸿蒙 6

    使用 uni-app x 开发 2048 游戏适配鸿蒙 6 作者:坚果 发布时间:2025 年 10 月 技术栈:uni-app x、UTS、HarmonyOS 6 前言 2048 是一款风靡全球的益智游戏 本文将详细介绍如何使用 uni-app x 框架从零开始开发一款 2048 游戏,并实现深色模式适配、数据持久化等进阶功能。 为什么选择 uni-app x? 、多屏适配 ✅ 鸿蒙应用开发:平台特性、适配要点 uni-app x 是一个强大的跨平台开发框架,特别适合开发鸿蒙应用。 通过本项目的实践,希望能帮助你快速上手 uni-app x 开发,创造出更多优秀的应用!

    26310编辑于 2025-11-29
  • 来自专栏个人路线

    uni-app x:开启全平台原生开发新时代

    一、技术革新:Web 技术栈与原生性能的完美融合 uni-app x 的突破性在于其独特的设计理念:“开发态基于 Web 技术栈,运行时编译为原生代码”。 二、与传统 uni-app 的差异化定位 特性对比 uni-app uni-app x 架构模式 HybridApp 架构 语言翻译架构 渲染方式 WebView 渲染 原生组件+原生渲染 性能表现 适合中低性能需求 高性能场景最优选 鸿蒙适配方式 Webview 容器适配 原生代码转换 uni-app x 更适合对性能体验有更高要求的开发者,特别适用于游戏、图形渲染、复杂交互等场景。 uni-app x 作为连接开发者与国产操作系统的桥梁,通过以下方式助力技术转型: 降低迁移成本:传统 Web/uni-app 项目可低成本迁移至鸿蒙平台 提升开发效率:一套代码实现多端运行,减少重复开发工作 在这个技术变革的时代,uni-app x 凭借其创新架构,正在重新定义跨平台开发的边界,为开发者提供了兼具效率与性能的全新选择。

    98110编辑于 2025-05-15
  • 来自专栏个人路线

    uni-app x:跨平台开发新引擎与 GitCode 共建生态

    uni-app x:跨平台开发新引擎与 GitCode 共建生态 uni-app x 作为下一代 uni-app,是一个功能强大的跨平台应用开发引擎,其文档已托管于 GitCode 平台。 值得一提的是,在 Android 平台,uni-app x 的工程会被整体编译为 kotlin 代码,本质上相当于采用 vue 写法的原生 kotlin 应用,性能与原生 kotlin 应用一致。 携手 GitCode,共建完善文档生态 在使用 uni-app x 的过程中,若您发现文档存在任何问题,非常欢迎您通过 GitCode 平台参与到文档的共建中来。 借助 GitCode 这一优质平台,uni-app x 的使用者们能够共同参与到文档的优化与完善工作中,让文档更好地服务于每一位开发者,推动 uni-app x 生态的持续发展。 让我们携手 GitCode,一同为 uni-app x 的文档生态添砖加瓦,使其更加完善、精准,助力更多开发者轻松驾驭 uni-app x 进行跨平台应用开发。

    39010编辑于 2025-08-11
  • 来自专栏大前端

    利好前端开发者:uni-app x 支持鸿蒙原生应用开发

    uni-app x 的出现,为开发者提供了一个利用 Web 技术栈构建鸿蒙原生应用的全新选择。 uni-app x 简介uni-app x 是 DCloud 推出的下一代跨平台应用开发框架,旨在通过统一的开发语言和渲染引擎,实现一次开发、多端部署的目标。 鸿蒙开发支持自 HBuilderX 4.64 版本起(从release记录推导,详见),uni-app x 正式支持鸿蒙 NEXT 平台,开发者可以将uni-app x的前端代码编译为 ArkTS,运行在鸿蒙原生环境中 示例项目:访问 hello uni-app x 查看示例项目源码和运行效果。结语uni-app x 为开发者提供了一个高性能、跨平台、易上手的鸿蒙原生应用开发框架。 随着鸿蒙生态的不断壮大,uni-app x 无疑是开发者值得关注和采用的开发利器。

    67521编辑于 2025-05-26
  • 来自专栏Java工程师成长之路

    uni-app学习

    学习uni-app 1.1. 概述 号称一次编写多端运行的前端框架,架构图如下 对某些不同平台的特殊功能,可以通过条件进行自动编译,也就是写两套代码,不同的环境会选择不同代码编译 1.2. 解决办法就是去掉原来错误的路径 uni-app官方地址 1.4.

    1.9K10发布于 2019-09-10
  • 来自专栏个人路线

    uni-app for Harmony

    鸿蒙坚果派 副本 uni-app uni-app 是一个使用 Vue.js[1] 开发所有前端应用的框架,开发者编写一套代码,可发布到 HarmonyOS、iOS、Android、Web(响应式)、以及各种小程序 uni-app for Harmony 接下来我们以 Mac 电脑为例,开始今天的演示。 团队拥有 26 个华为 HDE 以及 2700+HarmonyOS 开发者,以及若干其他领域的三十余位万粉博主/UP 专注于分享的技术包括 HarmonyOS/OpenHarmony,仓颉、ArkUI-X, https://zh.uniapp.dcloud.io/tutorial/harmony/dev.html [9] uts插件介绍: https://doc.dcloud.net.cn/uni-app-x/ plugin/uts-plugin.html [10] uts插件鸿蒙开发专题: https://doc.dcloud.net.cn/uni-app-x/plugin/uts-for-harmony.html

    64010编辑于 2024-12-19
  • 来自专栏繁依Fanyi 的专栏

    uni-app 简介

    uni-app 简介 官网:https://uniapp.dcloud.io/ 1. uni-app 是什么 ? 那么哪里可以体现 uni-app 可以实现 “一套代码,多端发行”呢?从常用的 uni-app 开发工具 HBuilder 可以看出该特点。 2. 为什么选择 uni-app ? 常用 uni-app 组件 1. uView 1. uView 介绍 uView UI,是全面兼容nvue的uni-app生态框架,全面的组件和便捷的工具会让您信手拈来,如鱼得水。 个人认为 uView 是个非常强大的 uni-app 组件库,自己平时也都在使用该 uView 组件库。 4. uni-app 环境搭建 uni-app 有两种环境搭建的方式,这里采用最简单的环境搭建方法——HBuilderX。

    1.2K20编辑于 2023-05-07
  • 来自专栏个人路线

    从零到一:使用 uni-app x 开发鸿蒙 GitCode 目录树生成器

    从零到一:使用 uni-app x 开发鸿蒙 GitCode 目录树生成器 作者: 徐建国 项目背景 起源故事 作为一名开发者,我经常需要在文档、博客和技术分享中展示项目的目录结构。 在技术选型阶段,我对比了多个跨平台框架: 框架 优势 劣势 适配性 uni-app x 原生性能、TypeScript、一次开发多端运行 生态相对较新 ⭐⭐⭐⭐⭐ React Native 生态成熟、组件丰富 性能略差、包体积大 ⭐⭐⭐⭐ Flutter 性能优秀、UI 精美 Dart 学习成本、包体积大 ⭐⭐⭐⭐ 原生开发 性能最佳 开发成本高、维护困难 ⭐⭐⭐ 最终选择 uni-app x 的原因: 滚动问题 问题描述:页面无法滚动,内容超出屏幕时无法查看 原因分析: uni-app x 中,<view> 组件默认不支持滚动 需要使用 <scroll-view> 组件 解决方案: <! [12] - 更多插件 学习资源 Vue 3 官方教程[13] 跨平台开发最佳实践[14] 移动端 UI 设计规范[15] 个人思考 技术选型的权衡 选择 uni-app x 是一个大胆的决定。

    21210编辑于 2025-11-29
  • 来自专栏达达前端

    uni-app 组件

    view scroll-view swiper text rich-text progress

    1.2K30发布于 2019-10-14
  • 来自专栏个人路线

    uni-app for Harmony

    今天带着大家一起 uni-app for Harmony uni-app uni-app 是一个使用 Vue.js[1] 开发所有前端应用的框架,开发者编写一套代码,可发布到 HarmonyOS、iOS uni-app for Harmony 接下来我们以 Mac 电脑为例,开始今天的演示。 鸿蒙系统有很多原生 API,可以通过 uts 插件方式接入,被 uni-app 调用。大家可以期待一下后面的内容。 /tutorial/harmony/dev.html [7] uts插件介绍: https://doc.dcloud.net.cn/uni-app-x/plugin/uts-plugin.html [ 8] uts插件鸿蒙开发专题: https://doc.dcloud.net.cn/uni-app-x/plugin/uts-for-harmony.html

    85010编辑于 2024-08-27
  • 来自专栏个人路线

    从零到一开发鸿蒙 6 原生时钟应用:uni-app x 完全实战指南

    从零到一开发鸿蒙 6 原生时钟应用:uni-app x 完全实战指南 前言 鸿蒙 6 时代已来,纯血鸿蒙应用开发正当时! 本文将详细介绍如何使用 uni-app x 框架,从零开发一款功能完整、界面精美的鸿蒙 6 原生时钟应用,集成时钟、闹钟、秒表、计时器四大核心功能。 为什么选择鸿蒙 6? uni-app x 是专为鸿蒙 6 量身打造的跨平台开发框架! 含鸿蒙配置) 1.4 uni-app x 与传统 uni-app 的核心区别 特性 传统 uni-app uni-app x(鸿蒙 6) 优势 编译方式 JavaScript 运行时 编译为鸿蒙原生代码 x 传统 uni-app 只能运行在 HarmonyOS 兼容模式(非纯血) 新项目强烈推荐直接使用 uni-app x 1.5 配置 pages.json(鸿蒙适配) 首先配置底部导航栏,这里特别注意鸿蒙平台的样式适配

    62610编辑于 2025-11-29
  • 来自专栏前端开发uni-app

    uni-app】使用uni-app实现简单的登录注册功能

    前言大家好,今天和大家分享一下如何在uni-app中实现简单的登录注册功能。

    5.2K20编辑于 2023-09-27
  • 来自专栏Java工程师成长之路

    uni-app学习(二)

    1. uni-app学习(二) 1.1. 好用css记录 一定透明度的背景色background: rgba(255,255,255,.6); 1.2.

    1.3K30发布于 2019-09-10
  • 来自专栏达达前端

    uni-app 项目记录

    function resolveAfter2Seconds(x) { return new Promise(resolve => { setTimeout(() => { resolve (x); }, 2000); }); } async function f1() { var x = await resolveAfter2Seconds(10); console.log (x); // 10 } f1(); async function f2() { var y = await 20; console.log(y); // 20 } f2(); async function

    1.2K20发布于 2019-10-18
  • 来自专栏第一专栏

    生命周期 uni-app随笔【uni-app】【vue】【浅谈自学】

    1、uni-app 生命周期 1.1、应用生命周期 这部分内容在app.vue中, 常用:onLaunch |onShow|onHide <script> export default { //应用

    1.1K40编辑于 2023-06-07
  • 来自专栏个人路线

    使用 uni-app x 在 HarmonyOS 平台开发波斯历转换器的实践与思考

    使用 uni-app x 在 HarmonyOS 平台开发波斯历转换器的实践与思考 前言 在鸿蒙生态蓬勃发展的今天,如何快速开发出一款既美观又实用的跨平台应用? 本文将分享我使用 uni-app x 在 HarmonyOS 平台上开发波斯历转换器的完整经验,深入探讨 HarmonyOS 的技术优势以及开发过程中的最佳实践。 在开发这个项目时,我选择了 uni-app x 作为开发框架,主要基于以下考虑: 1. 生态适配 部分第三方库暂不支持 HarmonyOS 解决方案:使用 uni-app x 的跨平台能力,或自行实现 2. ] uni-app x 开发指南[2] 波斯历算法研究[3] 儒略日转换标准[4] 跨平台开发最佳实践[5] 附录:常见问题 Q1: 为什么选择波斯历这个主题?

    29210编辑于 2025-11-29
  • 来自专栏达达前端

    如何学习uni-app?

    uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架。 开发者通过编写 Vue.js 代码,uni-app 将其编译到iOS、Android、微信小程序、H5等多个平台,保证其正确运行并达到优秀体验。 /news/36kr/ id 使用rich-text来展示新闻内容 <rich-text class="richText" :nodes="strings"></rich-text> 2018年,uni-app ,Dcloud推出uni-app,下载了官方提供的hello示例教程 空白的项目要拷贝uni.css和uni.js,保存到common目录打开pages.json将文件中的navigationBarTitleText

    95920编辑于 2022-04-29
领券