- 综合排序
- 最热优先
- 最新优先
- 来自专栏大帅老猿
uni-app应用开发基础
前言 学完上一节uni-app的基础知识后就可以跟着本小册开始学习uniCloud云开发了。本节内容不是学习本小册必备的，但有助于更加深入了解uni-app的能力。 页面和生命周期 移动端的应用程序都是由一个或多个页面组织成的，uni-app的页面文件遵循 Vue 单文件组件 (SFC) 规范，数据绑定及事件处理和 Vue.js 规范相同，同时补充了App及页面的生命周期 应用的主要生命周期 onLaunch 当uni-app 初始化完成时触发（全局只触发一次） onShow 当 uni-app 启动，或从后台进入前台显示 onHide 当 uni-app 从前台进入后台 应用生命周期仅可在App.vue中监听，在其它页面监听无效 页面的主要生命周期 onLoad（页面被加载） onShow（页面被显示） onReady（页面初次渲染） onHide（页面隐藏） onUnload 在使用npm库的兼容性问题大部分会在使用第三方ui库时遇到，由于我们使用uni-app多数是面向跨端开发，所以你最好了解下《关于uni-app的ui库、ui框架、ui组件》 条件编译 uni-app所支持的每个平台都有自己的一些特性
1.1K20编辑于 2022-04-12 - 来自专栏静晴轩
快应用之开发体验纪要
快应用 ──复杂生活的简单答案，让生活更顺畅 ── 来自 快应用官方网站 | 倾城之链。 ? 本文首发于个人新博客：静晴轩别苑 | 快应用之开发体验纪要。 Launcher 进程快应用的开发、发布和使用流程; 开发者需要在快应用官网注册，上传至快应用官网，测试并通过审核后即可进行分发; 使用前端技术栈进行开发，经过编译、签名后最终产出 rpk 文件; 开发者需登录快应用官网进行上传和发布 ，或您想在开发过程中体验快应用尚未正式发布的新功能、新特性，您可以安装 快应用预览版,这是一个包含了快应用基础功能的 Android 应用程序。 下载安装成功后，通过快应用调试器可以选择在快应用预览版运行 rpk包，开发测试对应平台的 api 和功能。更详细的叙述，请参见快应用开发文档 | 环境搭建 。 鉴于官方针对 VsCode 推出了 Hap Extension 扩展，这里推荐使用 VsCode 来编写快应用代码（据悉，专门用于开发「快应用」的编辑器，尚在开发中 18-08-15）。
1.6K20发布于 2018-10-11 - 来自专栏Corley的开发笔记
uni-app入门教程（6）接口的扩展应用
文章目录 前言 一、设备相关 1.系统信息 2.网络状态 3.加速度计 4.拨打电话 5.扫码 6.剪贴板 7.屏幕 7.振动 8.手机联系人 二、导航设置 三、下拉和上拉 1.下拉刷新 2.案例- 除了使用uni.getSystemInfo(OBJECT)异步获取设备信息，还可以使用uni.getSystemInfoSync()同步获取系统信息； uni.canIUse(String)可用于判断应用的 success:function(res){ console.log(res) } }) }, } } </script> <style> </style> 6. 仅在当前应用生效，离开应用后设置失效。 总结 uni-app的家口为开发者提供了丰富的功能，包括设备、界面等，我们只需要直接调用即可实现所需功能，减少了自己开发的麻烦，有利于快速开发。
1.7K20发布于 2021-01-05 - 来自专栏大前端修炼手册
Uni-app开发入门：跨平台应用开发指南
Uni-app是一个基于Vue.js的跨平台应用开发框架，允许开发者使用一套代码同时构建iOS、Android、H5以及小程序等多个平台的应用。 三、Uni-app技术原理和功能框架图 Uni-app基于Vue.js开发，使用了一套代码来构建多个平台的应用。 其技术原理主要包括以下几点： 统一的组件和API：Uni-app提供了一套统一的组件和API，使得开发者可以使用相同的代码来构建不同平台的应用。 这种编译时优化有助于提高应用的性能。 条件编译：Uni-app支持条件编译，允许开发者针对不同平台编写特定的代码。这为开发者提供了更大的灵活性，可以根据不同平台的特点进行优化。 七、总结与展望 Uni-app作为一款基于Vue.js的跨平台应用开发框架，提供了一种高效且灵活的开发方式。通过Uni-app框架，我们可以快速上手并构建出高性能、高可用的跨平台应用。
1.4K10编辑于 2024-07-23 - 来自专栏个人路线
使用 uni-app x 开发 2048 游戏适配鸿蒙 6
使用 uni-app x 开发 2048 游戏适配鸿蒙 6 作者：坚果 发布时间：2025 年 10 月 技术栈：uni-app x、UTS、HarmonyOS 6 前言 2048 是一款风靡全球的益智游戏 最终产品完美支持鸿蒙 HarmonyOS 6、Android、iOS 等多个平台。 为什么选择 uni-app x？ 6，是开发鸿蒙应用的最佳选择之一 项目目标 我们将实现以下功能： ✅ 完整的 2048 游戏逻辑 ✅ 流畅的触摸手势控制 ✅ 精美的动画效果 ✅ 深色模式自动适配 ✅ 最高分本地存储 ✅ 多平台支持 、适配要点 uni-app x 是一个强大的跨平台开发框架，特别适合开发鸿蒙应用。 通过本项目的实践，希望能帮助你快速上手 uni-app x 开发，创造出更多优秀的应用！
30910编辑于 2025-11-29 - 来自专栏向治洪
快应用
快应用标准的诞生将在研发接口、能力接入、开发者服务等层面建设标准平台，以平台化的生态模式对个人开发者和企业开发者全品类开放。 快应用具备传统APP完整的应用体验，无需安装、即点即用。 目前，并非所有的平台都上线了快应用，目前还有很多的厂商还在开发中，目前提供快应用的厂商有：小米、华为、金立。魅族、努比亚、OPPO、ViVo，其他平台目前还在开发中。 快应用上手 官网：https://www.quickapp.cn/ 开发文档：https://doc.quickapp.cn/ 既然是快应用，那就是快、方便。 hap -V 3，创建HelloWorld 快应用目前没有很好的开发工具，可以选择前端比较出名的一些开发工具来开发，如WebStrom、IDEA、vscode等。 当然，你还可以使用“扫码方式来安装”，这种方式生成二维码的命令如下： npm run server -- --port 8080 好了，快应用相关的内容就普及完了，如果想要自己开发一个快应用并上架，
1.6K30编辑于 2022-11-30 - 来自专栏伟大程序猿的诞生
快应用开发教程【01】--环境与调试
书接上文，快应用的时代我们注册好账号之后需要关联平台： ? 接下来我们就可以开发我们的快应用了。 2、hap-toolkit hap-toolkit是快应用的开发者工具，帮助开发者通过命令行工具辅助开发工作的完成，主要包括创建模板工程，升级工程，编译，调试等功能。 4、手机安装平台预览版 较新的系统版本中内置平台正式版，开发调试平台新功能可使用平台预览版 平台预览版存在以下优缺点： 优点：迭代速度快，可立即体验平台新功能 缺点：实现与真实的运行环境存在差异，对厂商服务和第三方服务的支持存在缺陷 使用快应用调试器扫码二维码即可安装我们之前生成的快应用。需要保证手机和电脑在同一个无限环境下。 运行示例效果如下： ? 此时电脑会同步显示如下调试界面： ? 撒花??? 到这里我们的快应用入门教程就结束啦，敬请期待后续系列文章
2.6K30发布于 2019-01-21 - 来自专栏个人路线
从零到一开发鸿蒙 6 原生时钟应用：uni-app x 完全实战指南
从零到一开发鸿蒙 6 原生时钟应用：uni-app x 完全实战指南 前言 鸿蒙 6 时代已来，纯血鸿蒙应用开发正当时！ 本文将详细介绍如何使用 uni-app x 框架，从零开发一款功能完整、界面精美的鸿蒙 6 原生时钟应用，集成时钟、闹钟、秒表、计时器四大核心功能。 为什么选择鸿蒙 6？ ） - API版本：HarmonyOS API 18+ 为什么选择 uni-app x 开发鸿蒙 6 应用？ x 编译为鸿蒙 6 原生代码（非 WebView） 启动速度快 50%，运行流畅度媲美原生 内存占用降低 30% ** 开发效率提升 200%**： 使用熟悉的 Vue 3 语法 热重载、调试工具完善 关键词：#鸿蒙 6 #HarmonyOS6 #uni-app-x #纯血鸿蒙 #原生应用开发 #Vue3 #跨平台开发 #时钟应用 作者：坚果 日期：2025 年 10 月 28 日 项目地址：GitCode
75410编辑于 2025-11-29 - 来自专栏伟大程序猿的诞生
快应用开发教程【02】--项目配置教程
" } 2.应用名称（name） 应用名称，6个汉字以内，与应用商店保存的名称一致；框架提供保存到桌面的功能，桌面上显示的应用名即为此属性 示例如下： { "name": "HelloWorld" 、版本号（versionName、versionCode） 应用版本名称、版本号为开发者的应用包维护的版本信息 应用版本名称为主版本.次版本格式 应用版本号为整数，从1开始，每次更新上架请自增1 示例如下 以上的平台版本新增特性时，就必须确保minPlatformVersion最低为该平台版本号，避免上线后在更低版本平台上运行出错 示例如下： { "minPlatformVersion": "1000" } 6. 现在，开发者就可以通过/Demo访问到Demo目录下的index.ux页面了 三、配置页面UI显示 UI显示，用于定义与UI显示相关的配置。 四、配置日志等级 1、修改日志等级 新建工程默认为off "config": { "logLevel": "off" }, 开发过程中我们需要将logLevel修改为最低级别debug，
98540发布于 2019-01-21 - 来自专栏uni-app
uni-app x 正式支持鸿蒙原生应用开发
DCloud发布的HBuilderX4.64正式版，支持编译uni-app x 项目到鸿蒙平台，实现跨平台开发鸿蒙原生应用。 uni-app x的演示应用已上架鸿蒙应用商店，你可以通过单框架版本的纯血鸿蒙手机，在应用市场搜索“DCloud开发者中心系统”安装体验，该应用详细演示了uni-app x在鸿蒙平台上支持的各种组件、API 至此，DCloud面向鸿蒙平台，已正式发布uni双引擎，支持不同类型的开发者，快速开发鸿蒙应用：uni-app：基于经典的HybridApp架构，逻辑层、视图层分离实现，使用webview渲染，对存量的 uni-app项目开发者非常友好，帮助开发者以极低的代价，完成存量数字应用（包括基于uni-app开发的App、各家小程序、H5等）的鸿蒙化转换。 欢迎开发者使用uni-app x开发鸿蒙原生应用。它可以帮助你使用简单易用的vue语法，更高效的完成应用开发，且不影响性能。
80310编辑于 2025-05-26 - 来自专栏vivo互联网技术
干货 | 快应用之vivo商城开发实践
关于快应用，vivo开发者有些话要说，开发者们总结了商城快应用中一些比较好的开发实践案例，以及实际碰到的问题，踩过的坑，同时也给开发者们输出一些好的开发总结 。 ? 1.快应用是什么？ 2.vivo商城快应用 作为手机厂商之一的vivo，在快应用方面是非常重视的，也投入了很多的开发人力，而笔者也有幸能够参与到快应用引擎的标准讨论制定和开发中。 今天我们要说的不是快应用引擎标准，而是站在开发者角度上来说一说开发一款快应用是种怎样的体验。 在快应用的内测阶段，我们需要真刀实枪的开发一款快应用来检验我们快应用引擎的能力。 快应用开发采用的是类似vue风格的编码方式，快应用跟前端web里单页应用有哪些相同点，又有哪些不一样呢？ 2. 首先开发者采用前端技术栈开发快应用项目，然后经过webpack打包编译成一个rpk包，接着开发者将rpk包上传到快应用开发者云端。
1.2K20发布于 2019-03-19 - 来自专栏vivo互联网技术
干货 | 快应用之vivo商城开发实践
关于快应用，vivo开发者有些话要说，开发者们总结了商城快应用中一些比较好的开发实践案例，以及实际碰到的问题，踩过的坑，同时也给开发者们输出一些好的开发总结 。 ? 1.快应用是什么？ 2.vivo商城快应用 作为手机厂商之一的vivo，在快应用方面是非常重视的，也投入了很多的开发人力，而笔者也有幸能够参与到快应用引擎的标准讨论制定和开发中。 今天我们要说的不是快应用引擎标准，而是站在开发者角度上来说一说开发一款快应用是种怎样的体验。 在快应用的内测阶段，我们需要真刀实枪的开发一款快应用来检验我们快应用引擎的能力。 快应用开发采用的是类似vue风格的编码方式，快应用跟前端web里单页应用有哪些相同点，又有哪些不一样呢？ 2. 首先开发者采用前端技术栈开发快应用项目，然后经过webpack打包编译成一个rpk包，接着开发者将rpk包上传到快应用开发者云端。
86620发布于 2019-04-19 - 来自专栏Corley的开发笔记
uni-app实战之社区交友APP（6）动态页开发
文章目录 前言 一、顶部导航栏开发 二、关注列表页开发 1.滑动滚动区域运算 2.导航列表联动实现 3.顶踩操作和上拉加载功能 三、话题专题和分类页开发 1.热门分类组件开发和封装 2.搜索框和轮播图开发 3.话题列表组件开发和封装 4.话题分类页开发 四、话题详情页开发 1.pages.json配置和数据传递 2.话题介绍组件开发和封装 3.精华帖子列表组件开发 4.列表选项卡组件开发 5.话题详情上拉加载更多 总结 前言 本文主要介绍了动态页的开发，主要包括4部分： 顶部导航栏的开发； 关注列表页的开发，包括滑动滚动区域、联动、顶踩事件和上拉加载； 话题专题和分类页开发，包括热门分类组件、搜索框、轮播图 三、话题专题和分类页开发 话题专题页开发包括热门分类组件、轮播图、搜索框话题列表组件等开发。 963624318 ，在群文件夹uni-app实战之社区交友APP中下载即可。 3.话题列表组件开发和封装 最近更新下的内容即为话题列表，开发如下： <!
2.3K40发布于 2021-02-02 - 来自专栏IMWeb前端团队
Quikapp快应用小程序开发入门教程
安装 然后 npm run server 开发者可以通过命令行终端或者调试服务器主页看到提供* 扫描的二维码 开发者通过快应用调试器扫码安装按钮，扫码安装待调试的rpk文件 开发者点击快应用调试器中的开始调试按钮 Quikapp快应用基于Nodejs内建一个本地服务器运行代码、语言JavaScript，语法支持ES6，如果熟悉vue\weex一类的MVVM框架，基本可以直接入手。 Quikapp快应用、如何接入Bmob后端云？ 既然语言是JavaScript， 直接下载Bmob的JavaScript SDk引入，就可以直接操作后端数据库，配合云函数可以实现Quikapp快应用的接口对接。 很快Bmob也会推出快应用的针对性SDK，这样云函数也不需要写了，跟小程序一样无需写一行后端代码，愉快的对接Quikapp快应用了。 -------小程序制作 就用即速应用
96520发布于 2019-12-03 - 来自专栏大前端
利好前端开发者：uni-app x 支持鸿蒙原生应用开发
随着鸿蒙生态的快速发展，开发者对高性能、跨平台的原生应用开发框架需求日益增长。uni-app x 的出现，为开发者提供了一个利用 Web 技术栈构建鸿蒙原生应用的全新选择。 uni-app x 简介uni-app x 是 DCloud 推出的下一代跨平台应用开发框架，旨在通过统一的开发语言和渲染引擎，实现一次开发、多端部署的目标。 开发体验uni-app x 在开发鸿蒙应用时，提供了良好的开发体验：热刷新支持：HBuilderX 4.41+ 开始支持修改代码后热刷更新，提高开发效率。 示例体验开发者可以通过以下方式体验 uni-app x 在鸿蒙平台的应用效果：应用商店：在鸿蒙应用商店搜索“DCloud 开发者中心系统”，下载安装体验。 示例项目：访问 hello uni-app x 查看示例项目源码和运行效果。结语uni-app x 为开发者提供了一个高性能、跨平台、易上手的鸿蒙原生应用开发框架。
75521编辑于 2025-05-26 - 来自专栏橙光笔记
快应用初探--把个人博客封装成快应用
最近公司在做快应用的需求，经过2周的努力，淘粉吧快应用已经上线了，现在借此机会跟大家聊聊快应用。 由于快应用比微信更加底层，所以理论上，快应用要更快，同时体验要更好；另一方便，快应用可以做像负一屏等小程序无法做的操作。更多快应用相关的内容可以直接去它的官网查看。 快应用环境搭建 好了，说了这么多了，我们可以试着开发一个快应用了。在开发之前先搭建一下快应用的环境吧。 首先需要下载3个东西，第一个就是快应用的开发工具，下载地址请点这里，其实这个工具就是封装自VSCode，如果你一直用的是VSCode来做的开发，那么该开发工具应该很适合你。 快应用与普通web应用的不同 快应用和普通的web应用还是有很大的不同的，快应用采用前端的这套开发机制，但是又做了很多的限制，比如他强烈希望你使用flex布局，为此它把浮动和定位全部禁用了，如果你使用浮动和定位就会出现错误
97831发布于 2020-10-17 - 来自专栏极乐技术社区
快应用开发入门小结，看这篇内容就够了！
开发前准备 接下来会教大家如何搭建、启动、预览和调试快应用项目。和官方文档类似，这里我增加了一些我在这过程中遇到的坑及解决方法。 安装 hap-toolkit hap-toolkit 是快应用的开发者工具，帮助开发者通过命令行工具辅助开发工作的完成，主要包括创建模板工程，升级工程，编译，调试等功能。类似 vue-cli。 缩小快应用rpk包的体积 因为快应用对 rpk 有 1M 尺寸的限制，除了压缩图片，适量地使用网络图片，提取公共组件和方法外，我们还发现： 在快应用的模板文件中，如果多个页面通过 import 方式引入相同公共 与 Vue 比较 由于我们团队主要是用 Vue 技术栈开发，所以比较下快应用在语法上和 Vue 的共同点和差异之处。快应用看起来和 Vue 类似，其实还是有很大的差别。 没有一个集成开发环境，调试麻烦，且 devtools 很卡 rpk 文件最大1M 国内手机厂商推出的，自然是不支持 ios 了 总结 上面总结的一些小方法和思路应用到项目中可以提升开发效率，在项目中我们遵循开发规范可以保证快应用项目的可维护性和扩展性
1.5K20发布于 2019-12-31 - 来自专栏腾讯NEXT学位
uni-app开发一个小视频应用(一)
“ uni-app 是一个使用 Vue.js 开发所有前端应用的框架，是一种终极的跨平台解决方案，这里的平台，主要指的是App平台(android、ios)、小程序平台、H5平台。 开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。 ” 01 开发一个小视频应用 一 初始化项目 打开HBuilderX IDE，新建一个名称为mini-video的初始化uni-app项目，这里勾选uni-app即可创建，项目创建完成后，打开pages /index/index.vue，将<template>中的模板内容content部分清空，将uni-app初始项目中与应用无关的东西进行清空、修改即可。 同时我们又需要将底部导航栏中的页面设置为tabBar页面，所以我们还是要进行tarBar的配置，而一配置tabBar，那么就会自动出现uni-app提供的默认导航栏，所以我们必须在应用启动onLaunch
4.4K71发布于 2019-10-12 - 来自专栏腾讯NEXT学位
uni-app开发一个小视频应用(二)
“ 前情回顾uni-app开发一个小视频应用(一)上篇文章，我们已经实现了首页的头部导航栏组件、底部的tabBar导航栏组件、中间的视频列表组件以及视频列表组件中的视频播放组件，传入视频列表渲染后已经可以上下滑动进行视频切换和播放 --应用动画--> } @keyframes scroll-x{ <! 要想实现单击视频播放组件，视频可以进行播放和暂停切换，那么我们需要给视频播放组件添加一个isPlay属性表示视频是否处于播放中，如果是播放中，那么点击就暂停，如果不是播放中，那么点击就播放，同时，由于uni-app
2K41发布于 2019-10-21 - 来自专栏call_me_R
uni-app开发微信小程序和h5应用
最近，有个需求需要开发H5应用和微信小程序。如果针对不同的平台开发自己的一套代码，那将是一件很糟糕的事情：如果下次需要兼容支付宝小程序、快应用，那工作量随着平台的添加而快速增加。 所以我们选择了uni-app开发。 uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台 路由与页面跳转 uni.navigateTo: 保留当前页面，跳转到应用内的某个页面，使用uni.navigateBack可以返回到原页面。 id=1&name=uniapp' }); uni.redirectTo: 关闭当前页面，跳转到应用内的某个页面。
1.6K20编辑于 2022-03-10
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号