1. uni-app简介
uni-app 是一个使用vue的语法 + 微信小程序的标签和API的跨平台前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台，几乎覆盖所有流量端，uni-app 具有跨端数量更多、性能体验更优秀、学习成本低、开发成本低等几大关键优势。2. 使用uni-app的前置条件
不要认为uni-app 可以跨多端，就感觉开发难
转载
2023-12-20 22:07:30
63阅读
uviewUI
多平台快速开发的UI框架
uni-app2018年初发布以来，一直蓬勃发展，一派欣欣向荣，社区也是人声鼎沸，众望所归。 因此，uView应运而生，uView的目标是成为uni-app生态最优秀的UI框架。接下来将介绍uview如何配置到uniapp项目中 如果你想了解到更详细的文档，进入uview官网查看接下来将为你带来几种方式的图文教程使用安装包（这里
首先在学习uni-app之前，确保我们的电脑上已经安装HBuilderX，与微信开发者工具为了大家快速了解学习这个框架我们这里就不放过多的演示图片了，大家按照提供的方法或API进行操作即可这里要说一下uni-app这个框架是便于开发者一端开发多段使用的，就像官方文档里解释的一样（uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发
一、介绍Uni-app是一个前端框架，使用Vue.js开发，继承自Vue.js，提供了完整的Vue.js体验。Vue文字教程请访问W3Cschool课程Vue视频教程请访问Bilibili相关视频课程，视频课程使用VS编辑器，讲解较为详细。提供了条件编译优化，可以为某个平台编个性化代码而不影响其他平台。打包到APP时使用5+引擎，5+的所有能力都可以在uni-app中使用。二、开发工具和环境开发工
第三方平台选型：腾讯、阿里、即构、声网由于即构直播平台支持uni-app故本文章选用的是即构sdk版讲解一、效果二、sdk集成 1、 首先注册即构平台账号，然后对照即构官网一步步集成主要分为sdk插件集成与JS 封装层集成这两部分，具体步骤请移步官网查看。uni-app实时音视频示例源码下载 - 开发者中心 - ZEGO即构科技 &nb
近些天有接触到uni-app框架，使用HBuilderX软件进行编译，能生成多端项目文件，如微信、百度、支付宝小程序及Android和ios端，记录遇到的问题1.条件编译我觉得比较突出的一点功能，就是这个条件编译，指定对应的代码执行在对应的一端#ifdef：if defined 仅在某平台存在
#ifndef：if not defined 除了某平台均存在如：只在微信小程序中才执行的代码// #i
方法1：通过hbuilder直接创建的uni-app项目
1、安装
1）uview-ui
插件下载地址：https://ext.dcloud.net.cn/plugin?id=1593
此下载的是一个新项目，可单独将其中的uview-ui文件夹复制出来放在你的项目的根目录下
2)SCSS
uView依赖SCSS，您必须要安装此插件，否则无法正常运行。
安装方法：HX菜单
转载
2023-09-16 20:59:22
41阅读
一、uni-app 创建方式HBuilderX 直接创建 uni-app 项目新建 --> 项目 --> uni-appcli项目整个拖入 HBuilderX,编译走项目下编译器； cli项目下 src目录拖入HBuilderX中，编译走HBuilderX下plugin下编译器。优点：1、编译器在HBuilderX安装目录下的plugin目录下，随HBuilderX升级而自动升级。缺点
转载
2023-12-28 15:34:13
84阅读
# UniApp与Android Studio的整合使用指南
## 引言
UniApp 是一个跨平台应用框架，允许开发者用 Vue.js 来构建跨 iOS、Android 及 Web 的应用程序。通过 Android Studio，我们可以进一步优化我们的 UniApp 应用，进行更深入的原生开发与调试。本文将介绍如何在 Android Studio 中使用 UniApp，并提供相应的代码示例
# 使用Android Studio开发uni-app指南
## 简介
uni-app是一个跨平台的应用开发框架，可以使用Vue.js开发一次代码，同时在多个平台上运行，包括iOS、Android、H5等。Android Studio是一个强大的集成开发环境，用于开发Android应用程序。本文将介绍如何使用Android Studio开发uni-app。
## 整体流程
下面是使用Andro
原创
2023-12-01 08:15:10
117阅读
# UniApp 使用 Android 插件的详细指南
在当前的应用开发中，UniApp 是一个非常流行的框架，它允许开发者使用 Vue.js 开发跨平台的应用程序。随着需求的不断变化，很多开发者需要在 UniApp 中使用 Android 插件，以扩展功能和实现更复杂的需求。本文将带领你通过几个步骤来实现这一目标。
## 流程概述
在开始之前，我们先来了解一下实现 UniApp 使用 An
添加一个axios-adapter.jsimport axios from 'axios'
// 适配小程序网络请求
axios.defaults.adapter = function (config) {
return new Promise((resolve, reject) => {
var settle = require('axios/lib/core/settle'
转载
2023-06-27 11:15:28
266阅读
uniapp中使用uview对相机拍照、选择图片进行压缩上传，可以定义质量比，压缩比。支持多端使用。
原创
2022-08-22 09:30:49
2357阅读
重要说明请删除 app.vue 中的全局样式：view{display:flex;}在需要flex的时候使用flex即可。尺寸单位uni-app框架目前仅支持长度单位 px 和 %。与传统 web 页面不同，px 是相对于基准宽度的单位，已经适配了移动端屏幕，其原理类似于 rem。PS：uni-app 的基准宽度为 750px。开发者只需按照设计稿确定框架样式中的 px 值即可。设计稿 1px 与
前言：最近开发一款APP，其中包含了小的商城，支付时需要对接微信和支付宝，本文记录支付宝对接过程。 一：对接准备 参照支付宝的官方文档 开通支付宝开放平台，创建自研应用，如下： 线上环境需要开通支付签约 二：uni-app对接支付宝主要代码，uniapp官网uni.requestPayment({
provider: 'alipay',
转载
2023-11-20 07:55:01
81阅读
UniApp 是一款基于 Vue.js 开发的跨平台应用框架，它提供了丰富的组件库，其中包含了地图（Map）组件。该组件允许开发者在 UniApp 应用中集成地图功能，实现地图的显示、标记、定位等功能。本教程将详细介绍 UniApp 地图（Map）组件的使用方法，并提供示例代码，以便读者能够快速上手。步骤1. 安装依赖在开始之前，确保已经安装了 UniApp 开发环境，并创建了一个 UniApp
前言：用户在等待数据渲染的时候，有可能因为网络速度慢，手机硬件等问题，造成等待时间延长，使得用户体验不好。之前的做法是放个加载中的图标，而现在是直接根据页面原有元素绘制图形的方式，让用户有种页面就快渲染好的错觉。参考资料：https://ext.dcloud.net.cn/plugin?id=256备注：我是准备应用到项目中，从uniapp的插件市场下载了demo，结果出现一些小问题，在下载下来的
转载
2023-12-23 22:10:06
236阅读
文章目录1、Android Studio（1）相关环境准备（2）导入打包项目（3）打包Uniapp为App资源（4）配置详细过程微信公众号1、Android StudioUniapp 的官方文档有点简洁，对于没有接触过安卓的开发者来说，无疑是晴天霹雳，由于公司的App项目需要对接硬件，所以打包方式被迫变为了Android Studio 离线打包 Uniapp，这里我详细记录一下打包过程，方便以后使用。官方提供的App离线打包可以作为参考（1）相关环境准备Android Studio中文社区下载A
原创
2021-12-27 10:06:26
2447阅读
文章目录前言一、网络请求二、图片处理1.chooseImage(OBJECT)2.previewImage(OBJECT)3.getImageInfo(OBJECT)4.saveImageToPhotosAlbum(OBJECT)三、文件上传和下载1.uploadFile(OBJECT)2.downloadFile(OBJECT)四、数据缓存1.setStorage(OBJECT)2.setSt
一、uni-app简介uni-app 是一个使用 Vue.js 开发所有前端应用的框架。开发者编写一套代码，可发布到 iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。 二、开发工具uni-app官方推荐使用HBuilderX来开发uni-app类型的项目。主要好处：模板丰富完善的智能提示一键运行当然，你可以根据自身喜好来
转载
2023-09-22 12:26:22
134阅读
