- 综合排序
- 最热优先
- 最新优先
- 来自专栏大帅老猿
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 - 来自专栏call_me_R
uni-app开发微信小程序和h5应用
最近，有个需求需要开发H5应用和微信小程序。如果针对不同的平台开发自己的一套代码，那将是一件很糟糕的事情：如果下次需要兼容支付宝小程序、快应用，那工作量随着平台的添加而快速增加。 所以我们选择了uni-app开发。 uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台 选择uni-app => 填写项目的名称 => 选择项目的存放位置 => 选择uni-app项目模版 => 点击创建 开启h5和微信小程序 开启h5： 开启微信小程序： 示例：是Mac配置 配置微信开发者工具路径 5. 小程序本地开发的模式配置 开发调试的时候，需要固定调试一个页面内容。这个配置就很有必要了。
1.6K20编辑于 2022-03-10 - 来自专栏静晴轩
快应用之开发体验纪要
快应用 ──复杂生活的简单答案，让生活更顺畅 ── 来自 快应用官方网站 | 倾城之链。 ? 本文首发于个人新博客：静晴轩别苑 | 快应用之开发体验纪要。 Launcher 进程快应用的开发、发布和使用流程; 开发者需要在快应用官网注册，上传至快应用官网，测试并通过审核后即可进行分发; 使用前端技术栈进行开发，经过编译、签名后最终产出 rpk 文件; 开发者需登录快应用官网进行上传和发布 ，或您想在开发过程中体验快应用尚未正式发布的新功能、新特性，您可以安装 快应用预览版,这是一个包含了快应用基础功能的 Android 应用程序。 下载安装成功后，通过快应用调试器可以选择在快应用预览版运行 rpk包，开发测试对应平台的 api 和功能。更详细的叙述，请参见快应用开发文档 | 环境搭建 。 鉴于官方针对 VsCode 推出了 Hap Extension 扩展，这里推荐使用 VsCode 来编写快应用代码（据悉，专门用于开发「快应用」的编辑器，尚在开发中 18-08-15）。
1.6K20发布于 2018-10-11 - 来自专栏编程进阶实战
uni-app&H5&Android混合开发二 || 使用Android Studio打包应用APK
前言： 在上一章节我们已经讲了如何uni-app离线打包Android平台教程，这一章就该来讲讲如何使用Android Studio打包应用APK提供给Android手机安装使用了。 选择对应的app保存路径，并选择release发布版本发布： 生成完成后在指定生成目录下即会有一个release文件夹在其下即可找到生成的apk（app-release.apk即时我所打包生成的app应用 第五步、项目app应用发布成功，打开apk所在本地目录： ? ? 第六步、将打包生成的APK文件安装到Android手机上（大功告成） 赶紧亲手体验一下打包Android应用的快感吧！！
1.1K40发布于 2021-05-11 - 来自专栏大前端修炼手册
Uni-app开发入门：跨平台应用开发指南
Uni-app是一个基于Vue.js的跨平台应用开发框架，允许开发者使用一套代码同时构建iOS、Android、H5以及小程序等多个平台的应用。 二、Uni-app的特点 跨平台：Uni-app支持一套代码同时编译到多个平台，包括iOS、Android、H5、微信小程序、支付宝小程序等。 三、Uni-app技术原理和功能框架图 Uni-app基于Vue.js开发，使用了一套代码来构建多个平台的应用。 4.3 Uni-app 优点：Uni-app基于Vue.js开发，易于上手。它支持一套代码编译到多个平台，包括iOS、Android、H5、小程序等。 七、总结与展望 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 示例如下 ： { "versionName": "1.0.0", "versionCode": 1 } 5.支持的最小平台版本号（minPlatformVersion） 支持的最小平台版本号为必填项，默认值为 1000，标识开发者的rpk包兼容支持的最小运行平台版本 当使用了1000以上的平台版本新增特性时，就必须确保minPlatformVersion最低为该平台版本号，避免上线后在更低版本平台上运行出错 现在，开发者就可以通过/Demo访问到Demo目录下的index.ux页面了 三、配置页面UI显示 UI显示，用于定义与UI显示相关的配置。
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 - 来自专栏dmhsq_csdn_blog
uni-app开发H5使用vue-router
uni-app没有vue-router如果要使用vue-router可以使用 uni-simple-router uni-simple-router文档地址 https://hhyang.cn/ 开发 import { RouterMount, createRouter } from 'uni-simple-router'; import index from '.. { vueRouterDev: true, //完全使用vue-router开发 默认 false }, routes: [{ path: '/', name: 'home', component $mount() 如果你只是写H5端 不考虑适配小程序可以这样写 import Vue from 'vue' import App from '. RouterMount(app, router, "#app"); //#endif //#ifndef H5 app.
1.5K20发布于 2021-10-25 - 来自专栏vivo互联网技术
干货 | 快应用之vivo商城开发实践
关于快应用，vivo开发者有些话要说，开发者们总结了商城快应用中一些比较好的开发实践案例，以及实际碰到的问题，踩过的坑，同时也给开发者们输出一些好的开发总结 。 ? 1.快应用是什么？ 今天我们要说的不是快应用引擎标准，而是站在开发者角度上来说一说开发一款快应用是种怎样的体验。 在快应用的内测阶段，我们需要真刀实枪的开发一款快应用来检验我们快应用引擎的能力。 首先开发者采用前端技术栈开发快应用项目，然后经过webpack打包编译成一个rpk包，接着开发者将rpk包上传到快应用开发者云端。 上面举了几个简单的例子主要想说的是得益于快应用的系统能力，相比H5的web开发，我们能做的更多，做的更好。我们可以为用户提供更好更便捷的交互体验。 在体验交互方面，相比普通的H5来说加载更快，还原度更高，体验更好。从产品使用上来说基本跟原生应用的体验是一致的。
1.2K20发布于 2019-03-19 - 来自专栏vivo互联网技术
干货 | 快应用之vivo商城开发实践
关于快应用，vivo开发者有些话要说，开发者们总结了商城快应用中一些比较好的开发实践案例，以及实际碰到的问题，踩过的坑，同时也给开发者们输出一些好的开发总结 。 ? 1.快应用是什么？ 今天我们要说的不是快应用引擎标准，而是站在开发者角度上来说一说开发一款快应用是种怎样的体验。 在快应用的内测阶段，我们需要真刀实枪的开发一款快应用来检验我们快应用引擎的能力。 首先开发者采用前端技术栈开发快应用项目，然后经过webpack打包编译成一个rpk包，接着开发者将rpk包上传到快应用开发者云端。 上面举了几个简单的例子主要想说的是得益于快应用的系统能力，相比H5的web开发，我们能做的更多，做的更好。我们可以为用户提供更好更便捷的交互体验。 在体验交互方面，相比普通的H5来说加载更快，还原度更高，体验更好。从产品使用上来说基本跟原生应用的体验是一致的。
86620发布于 2019-04-19 - 来自专栏我是做APP开发的
H5开发移动端APP基于uni-app
之前写过基于mui，h5 plus的APP开发 https://www.jianshu.com/p/8e7e8312f93d，这次在写个兄弟篇 uni-app开发APP。 1、为什么选择uni-app 基于mui，h5plus这一套技术操作随着后续的开发及项目跟进感觉越发力不从心。 熟悉了利用hx h5+的开发转uniapp基本不用再考虑开发工具了，相同血脉几乎相同的套路，曾经的h5+也可以直接混入使用当然仅限APP端。 uniapp 官方主推，据说性能提高优化了很多。 至此停留，反复理解弹性盒子的属性及布局应用。 关于组件： 组件的问题比较多，如前所述默认就是自定义组件即内部独立的css、js及布局模板，对外提供方法、属性、变量。 5、demo效果图 如图所示本次就写了以下几个页面，其他的别乱点功能还都没实现，后续在跟进。主要涉及功能： uni 网络请求及文件上传、页面布局、数据填充等。 自定义组件开发及使用。
2.7K20发布于 2020-04-08 - 来自专栏锤子代码
uni-app开发H5禁止页面下拉查看域名
使用uni-app开发H5的时候会遇到一种情况，比如某个页面不想用户下拉看到域名。但系统里面其余页面还需要使用下拉刷新功能。 这时就需要单独为特定页面进行配置。 这里只给出单个页面的代码，仅针对微信公众号的H5。 { // 其它代码... }, methods: { // 其它代码... } } // 重点是下面这段: // #ifdef H5
64710编辑于 2024-10-30 - 来自专栏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导航栏组件、中间的视频列表组件以及视频列表组件中的视频播放组件，传入视频列表渲染后已经可以上下滑动进行视频切换和播放 ; height: 35px; line-height: 35px; font-size: 12px; animation: scroll-x 5s --应用动画--> } @keyframes scroll-x{ <! background: red; border-radius: 50%; text-align: center; left: 23px; bottom: -5px 要想实现单击视频播放组件，视频可以进行播放和暂停切换，那么我们需要给视频播放组件添加一个isPlay属性表示视频是否处于播放中，如果是播放中，那么点击就暂停，如果不是播放中，那么点击就播放，同时，由于uni-app
2K41发布于 2019-10-21
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号