- 综合排序
- 最热优先
- 最新优先
- 来自专栏大帅老猿
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所支持的每个平台都有自己的一些特性
1K20编辑于 2022-04-12 - 来自专栏静晴轩
快应用之开发体验纪要
快应用 ──复杂生活的简单答案，让生活更顺畅 ── 来自 快应用官方网站 | 倾城之链。 ? 本文首发于个人新博客：静晴轩别苑 | 快应用之开发体验纪要。 Launcher 进程快应用的开发、发布和使用流程; 开发者需要在快应用官网注册，上传至快应用官网，测试并通过审核后即可进行分发; 使用前端技术栈进行开发，经过编译、签名后最终产出 rpk 文件; 开发者需登录快应用官网进行上传和发布 ，或您想在开发过程中体验快应用尚未正式发布的新功能、新特性，您可以安装 快应用预览版,这是一个包含了快应用基础功能的 Android 应用程序。 下载安装成功后，通过快应用调试器可以选择在快应用预览版运行 rpk包，开发测试对应平台的 api 和功能。更详细的叙述，请参见快应用开发文档 | 环境搭建 。 鉴于官方针对 VsCode 推出了 Hap Extension 扩展，这里推荐使用 VsCode 来编写快应用代码（据悉，专门用于开发「快应用」的编辑器，尚在开发中 18-08-15）。
1.6K20发布于 2018-10-11 - 来自专栏大前端修炼手册
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 - 来自专栏向治洪
快应用
快应用标准的诞生将在研发接口、能力接入、开发者服务等层面建设标准平台，以平台化的生态模式对个人开发者和企业开发者全品类开放。 快应用具备传统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 - 来自专栏伟大程序猿的诞生
快应用开发教程【02】--项目配置教程
" } 2.应用名称（name） 应用名称，6个汉字以内，与应用商店保存的名称一致；框架提供保存到桌面的功能，桌面上显示的应用名即为此属性 示例如下： { "name": "HelloWorld" 、版本号（versionName、versionCode） 应用版本名称、版本号为开发者的应用包维护的版本信息 应用版本名称为主版本.次版本格式 应用版本号为整数，从1开始，每次更新上架请自增1 示例如下 现在，开发者就可以通过/Demo访问到Demo目录下的index.ux页面了 三、配置页面UI显示 UI显示，用于定义与UI显示相关的配置。 四、配置日志等级 1、修改日志等级 新建工程默认为off "config": { "logLevel": "off" }, 开发过程中我们需要将logLevel修改为最低级别debug， 即：允许所有级别的日志输出 { "config": { "logLevel": "debug" } } 2、在js中输出日志 当js代码未按需求正确运行，输出日志能帮助开发者快速定位问题；
97440发布于 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语法，更高效的完成应用开发，且不影响性能。
74010编辑于 2025-05-26 - 来自专栏vivo互联网技术
干货 | 快应用之vivo商城开发实践
关于快应用，vivo开发者有些话要说，开发者们总结了商城快应用中一些比较好的开发实践案例，以及实际碰到的问题，踩过的坑，同时也给开发者们输出一些好的开发总结 。 ? 1.快应用是什么？ 2.vivo商城快应用 作为手机厂商之一的vivo，在快应用方面是非常重视的，也投入了很多的开发人力，而笔者也有幸能够参与到快应用引擎的标准讨论制定和开发中。 今天我们要说的不是快应用引擎标准，而是站在开发者角度上来说一说开发一款快应用是种怎样的体验。 在快应用的内测阶段，我们需要真刀实枪的开发一款快应用来检验我们快应用引擎的能力。 快应用开发采用的是类似vue风格的编码方式，快应用跟前端web里单页应用有哪些相同点，又有哪些不一样呢？ 2. 首先开发者采用前端技术栈开发快应用项目，然后经过webpack打包编译成一个rpk包，接着开发者将rpk包上传到快应用开发者云端。
86220发布于 2019-04-19 - 来自专栏vivo互联网技术
干货 | 快应用之vivo商城开发实践
关于快应用，vivo开发者有些话要说，开发者们总结了商城快应用中一些比较好的开发实践案例，以及实际碰到的问题，踩过的坑，同时也给开发者们输出一些好的开发总结 。 ? 1.快应用是什么？ 2.vivo商城快应用 作为手机厂商之一的vivo，在快应用方面是非常重视的，也投入了很多的开发人力，而笔者也有幸能够参与到快应用引擎的标准讨论制定和开发中。 今天我们要说的不是快应用引擎标准，而是站在开发者角度上来说一说开发一款快应用是种怎样的体验。 在快应用的内测阶段，我们需要真刀实枪的开发一款快应用来检验我们快应用引擎的能力。 快应用开发采用的是类似vue风格的编码方式，快应用跟前端web里单页应用有哪些相同点，又有哪些不一样呢？ 2. 首先开发者采用前端技术栈开发快应用项目，然后经过webpack打包编译成一个rpk包，接着开发者将rpk包上传到快应用开发者云端。
1.2K20发布于 2019-03-19 - 来自专栏IMWeb前端团队
Quikapp快应用小程序开发入门教程
安装 然后 npm run server 开发者可以通过命令行终端或者调试服务器主页看到提供* 扫描的二维码 开发者通过快应用调试器扫码安装按钮，扫码安装待调试的rpk文件 开发者点击快应用调试器中的开始调试按钮 Quikapp快应用基于Nodejs内建一个本地服务器运行代码、语言JavaScript，语法支持ES6，如果熟悉vue\weex一类的MVVM框架，基本可以直接入手。 Quikapp快应用、如何接入Bmob后端云？ 既然语言是JavaScript， 直接下载Bmob的JavaScript SDk引入，就可以直接操作后端数据库，配合云函数可以实现Quikapp快应用的接口对接。 很快Bmob也会推出快应用的针对性SDK，这样云函数也不需要写了，跟小程序一样无需写一行后端代码，愉快的对接Quikapp快应用了。 -------小程序制作 就用即速应用
96020发布于 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 为开发者提供了一个高性能、跨平台、易上手的鸿蒙原生应用开发框架。
71921编辑于 2025-05-26 - 来自专栏橙光笔记
快应用初探--把个人博客封装成快应用
最近公司在做快应用的需求，经过2周的努力，淘粉吧快应用已经上线了，现在借此机会跟大家聊聊快应用。 由于快应用比微信更加底层，所以理论上，快应用要更快，同时体验要更好；另一方便，快应用可以做像负一屏等小程序无法做的操作。更多快应用相关的内容可以直接去它的官网查看。 快应用环境搭建 好了，说了这么多了，我们可以试着开发一个快应用了。在开发之前先搭建一下快应用的环境吧。 首先需要下载3个东西，第一个就是快应用的开发工具，下载地址请点这里，其实这个工具就是封装自VSCode，如果你一直用的是VSCode来做的开发，那么该开发工具应该很适合你。 快应用与普通web应用的不同 快应用和普通的web应用还是有很大的不同的，快应用采用前端的这套开发机制，但是又做了很多的限制，比如他强烈希望你使用flex布局，为此它把浮动和定位全部禁用了，如果你使用浮动和定位就会出现错误
96231发布于 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开发一个小视频应用(一)上篇文章，我们已经实现了首页的头部导航栏组件、底部的tabBar导航栏组件、中间的视频列表组件以及视频列表组件中的视频播放组件，传入视频列表渲染后已经可以上下滑动进行视频切换和播放 --应用动画--> } @keyframes scroll-x{ <! 要想实现单击视频播放组件，视频可以进行播放和暂停切换，那么我们需要给视频播放组件添加一个isPlay属性表示视频是否处于播放中，如果是播放中，那么点击就暂停，如果不是播放中，那么点击就播放，同时，由于uni-app
2K41发布于 2019-10-21 - 来自专栏腾讯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 - 来自专栏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 - 来自专栏伟大程序猿的诞生
快应用的时代
快应用在研发接口、能力接入、开发者服务等层面建设标准平台，以平台化的生态模式对个人开发者和企业开发者全品类开放。 快应用开放平台旨在打造统一的快应用门户，实现开发者一处上传，十家厂商上线。 在快应用开放平台，有完善的开发者文档、工具及论坛支持，除标准化的快应用发布流程外，未来还会开放开发者服务支持，如消息推送、账号接入、支付接入、数据服务等。 快应用使用前端技术栈开发，运行效率和开发效率达到了很好的平衡，同时很多前端代码资源可以直接复用。 最后在圆桌论坛上，多家知名开发者上台与厂商领导探讨快应用的挑战与机遇，开发者的需求与服务。开发者结合自身产品特性，畅想快应用的机会与前景，分享快应用带给客户的更好体验。
1.1K20发布于 2019-01-21 - 来自专栏全栈技术
从入门到实践：Uni-app跨平台开发与应用
然而，由于各个平台之间的技术差异和开发成本的高昂，让很多企业望而却步。因此，Uni-app作为一个跨平台开发框架，应运而生。 本文将从入门到实践，带领大家了解Uni-app的基本概念和使用方法，并结合实例讲解如何使用Uni-app开发跨平台应用。 一、什么是Uni-app？ Uni-app是一款基于Vue.js框架的跨平台开发工具，它能够将一份代码同时编译成多个平台的应用，包括iOS、Android、H5等。Uni-app支持使用原生组件，同时也提供了一些跨平台组件。 开发效率高：Uni-app使用Vue.js作为开发框架，开发效率比较高。 Uni-app是一种非常优秀的跨平台开发框架，可以帮助开发者快速构建应用程序，降低开发成本。同时，Uni-app也存在一些限制和缺陷，需要开发者根据自己的需求进行选择。
2.4K30编辑于 2023-03-23 - 来自专栏程序猿的栖息地
uni-app 开发技巧集合
图标扩展 在开发过程中我们需要根据项目的实际需求来扩展一套图标库，uni-app 图标扩展步骤如下 : 1. [...new Set(numbers)] 后端数据格式与前端组件要求格式不匹配的解决方案 在日常应用开发过程中，经常遇到后端 api 接口输出的数据格式与前端组件要求的数据格式不一样的情况，我们可以通过数据转换来解决这个问题 配置《小程序用户隐私保护指引》 开发者需在「小程序管理后台」配置《小程序用户隐私保护指引》，详细指引可见：用户隐私保护指引填写说明。 《小程序用户隐私保护指引》名称信息，开发者可以调用 wx.openPrivacyContract 接口打开该页面。 弹窗提醒用户授权 如果存在有待用户同意的隐私政策信息，开发者需要主动提示用户阅读隐私政策等收集使用规则，对于提示方式，小程序开发者可自行设计，同时需要在相关界面中使用 <button open-type
34910编辑于 2025-07-12 - 来自专栏码客
uni-app小程序开发
常见术语 Weex Weex 是一个可以使用现代化的 Web 技术开发高性能原生应用的框架。 NVUE uni-app App 端内置了一个基于 weex 改进的原生渲染引擎，提供了原生渲染能力。 只建议用于APP的开发，不建议用于小程序的开发。 如图： uni-app uni-app 是一个使用 Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条 /飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。 uni-app规定屏幕的基准宽度为750rpx。
86010编辑于 2024-05-15
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号