uni-app基础知识一、uni-app介绍1.1 什么是uin-appuni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。1.2 为什么要选择uni-appuni-app拥有其强大的优势。1、更高的百度指数，跨端完善度更高，真正落地的
转载
2024-01-12 08:47:34
242阅读
文章目录构建UniApp原生打包一、目标二、打包步骤1.使用Hbuilder构建UniApp项目2.在UniApp开发者中心申请appkey3 合并Android项目和UniApp项目3.1 创建Android项目3.1 将HBuild中生成的项目，复制到assets\apps目录中。3.2 加入依赖库和data数据3.3 添加图片资源4. 修改Android项目中的配置4.1 配置签名文件4.
转载
2023-08-06 08:32:21
304阅读
原生ios 安卓与h5交互的方式在我使用uni-app开发app的时候在原生的框架里嵌入了h5的页面 这个时候 就出现新的问题 就是原生页面跳转h5, h5跳转原生界面等一些问题,我在这里做了整理这种跳转是我们在使用原生的导航栏, 但是页面是h5 所以就需要不用的跳转方式 1, 首先 引入在common文件夹里引入写好的js文件 `import Vue from ‘vue’
;(function(
转载
2023-08-22 19:35:08
549阅读
首先 uni-app 和 Flutter 还有 unity 本身就不属于一个底层应用场景 ，说 uni-app 自带引擎绘制本身就不正确。uni-appuni-app 是内置了 JSCore 用于运行 JS 代码，然后通过 WebView 进行渲染，同时内部内置了一个基于 Weex 改进的桥接框架，从而可以实现把 JS 代码转为平台原生的控件去渲染，利用了原生渲染能力。所以 u
转载
2024-01-10 15:06:44
244阅读
uniapp开发原生module插件准备jdk1.8及以上android studio 以下统称 ide官方sdkHBuilderx开发ide创建一个No Activity创建一个Module选择Android Library导入官方sdk 作为参考改变module build.gradle 的dependenciesapp添加uniapp-release.arr 插件 放在app->lib
转载
2023-10-25 18:13:33
554阅读
1. 导航栏原生导航优点① 原生导航的体验更好，渲染新页面时，原生导航栏的渲染无需等待新页面dom加载，可以在新页面进入动画开始时就渲染。② 原生导航还可以避免滚动条通顶，并方便的控制原生下拉刷新。通过pages.json的配置，可以简单的、跨端的、高性能的开发业务。原生导航缺点：原生导航栏的扩展能力有限的。尤其是微信下，没有提供太多导航栏的配置。1.1 原生导航栏—通用配置uni-app 自带原
转载
2023-12-20 09:33:48
250阅读
# UniApp对接Android SDK
## 1. 简介
UniApp是一款基于Vue.js开发跨平台应用的前端框架，可以在一套代码的基础上同时支持多个平台（包括Android、iOS、H5等）。本文将介绍如何在UniApp中对接Android SDK，并提供相应的代码示例。
## 2. 准备工作
在开始之前，我们需要准备以下工作：
- 安装Node.js
- 安装HBuilderX
原创
2023-12-21 10:21:03
1096阅读
1评论
uni-app是逻辑和渲染分离的，渲染层在app端提供了两套排版引擎。 小程序方式的webview渲染，和weex方式的原生渲染，两种渲染引擎可以自己根据需要选。vue文件走的webview渲染nvue走weex方式的原生渲染组件和js写法是一样的，css不一样，原生排版的能用的css必须是flex布局 uni-app`的App端内置了一个基于weex改进的原生渲染引擎，提供了原生渲染能力。在Ap
转载
2024-01-21 05:37:10
183阅读
有问题可以在评论区找一下有没有答案；同样，有补充可以在评论区评论一下，方便其他人。前言本文只介绍uniapp原生插件开发流程，Android studio（后面称编辑器） 以及 java 环境的安装请自行查找相关文档解决；阅读本文者须具备基本的java、android以及uniapp相关知识及开发能力。准备SDK 文件下载首先下载uniapp原生插件开发SDK，下载地址 解压解压后相关文
转载
2023-10-08 21:49:26
6453阅读
2评论
下载 uniapp插件SDK（正式版） 下载地址 https://nativesupport.dcloud.net.cn/AppDocs/download/android.html# 用android studio打开插件SDK项目在android studio中创建Module模块（用于uniapp项目和原生项目交互） uniapp项目中通过 uni.requireNativePlugin 调用
转载
2024-08-30 23:05:26
332阅读
声明：我的功能需求：全局悬浮框，也就是在其他应用上依旧能悬浮。查遍uni文档，无法实现，甚至native.js也无法实现，无奈只能走上原生插件开发这条不归路了。（吐槽：天天写前端js，突然写了下android简直要炸，public static String啥的，..var真香，加油吧，争取能入个门！）本人不懂安卓开发，完全安卓小白，所以安卓方面可能表达的不是很好，安卓代码可能写的不优美，但我功能
本地uni-app原生插件提交云端打包从HBuilderX1.9.0开始uni-app原生插件可以直接在插件市场绑定应用后，直接云端打包生效，避免下载uni-app原生插件到本地后再提交云端打包。 同时也继续支持将插件下载到本地后再提交云端打包，通常在以下情况使用这种方式：uni-app原生插件开发者，开发后配置提交云端打包验证插件的包格式是否正确uni-app原生插件使用者，需要对插件自定义修改
转载
2024-05-27 16:23:33
610阅读
uniapp 的性能问题主要集中在 app 端，做 H5 和 VUE 的开发体验是一致的。 一、标签的差异 二、组件的差异 三、JS 的变化 四、主要区别 uniapp 和 h5 主要区别在于 uniapp 不支持 dom 操作（H5 端有 dom 对象）、不支持过滤器，这和微信小程序是一致的。 五、共同点 1、uniapp 和 h5 共同的优点：一端多用，做单一品种比较不错，简单方便，小巧。 2
转载
2023-11-20 02:43:42
436阅读
一、 为什么要使用nvue小程序和App的vue页面，主体是webview渲染的。为了提升性能，小程序和App的vue页面下部分ui元素，比如导航栏、tabbar、video、map使用了原生控件（详见: 原生组件使用说明）。这种方式被称为混合渲染。虽然提升了性能，但原生组件带来了其他问题：前端组件无法覆盖原生控件的层级问题。原生组件不能嵌入特殊前端组件(如scroll-view，swiper)。
转载
2024-05-05 13:15:30
230阅读
很多开发者在没有入坑uniapp之前，都想知道uniapp的体验到底怎么样，开发爽不爽，优缺点是怎么样的，坑多不多？今天就以“遵义小红椒”开发的项目来谈一谈。1、APP端，我觉得uniapp开发APP端是最爽的，整体体验比之前的mui高了很多，跟小程序的体验类似，但是比小程序流畅，在iOS端，体验上跟原生很接近，在安卓中高端手机上也跟原生很接近，低端机就卡顿一些，不过应该所有APP都卡顿，
转载
2023-07-28 22:24:41
1571阅读
uni-app是什么？uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。Uni-app的优势跨平台更多，真正做到一套代码多端发行，支持原生代码混写和原生sdk集成。运行体验更好。组件、api与微信小程序一致，兼容weex原生渲染。通用
转载
2024-01-03 09:02:27
256阅读
uniApp与Android原生插件互传数据uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台 但是我们在使用uniApp的时候很多功能无法满足我们的需求或者我们需要使用第三方的SDK进行高度定制。那么这时候我们难免会使用原生插件的方式
转载
2023-10-26 20:57:29
1702阅读
# Uniapp原生Android开发
## 1. 介绍
Uniapp是一种跨平台开发框架，可以使用Vue.js编写一次代码，然后同时在多个平台上构建应用程序，包括Android。本文将介绍如何使用Uniapp进行原生Android开发，包括创建项目、配置环境、编写代码示例等。
## 2. 准备工作
在开始之前，我们需要确保已经安装好以下工具：
- JDK
- Android Studi
原创
2023-11-18 15:22:26
590阅读
# 如何在Android原生应用中运行UniApp
在当前的移动应用开发中，UniApp因其跨平台特性而受到广泛关注。它不仅可以快速构建跨平台应用程序，还能够与原生应用结合使用。本文将为新手开发者详细介绍如何在Android原生应用中运行UniApp的步骤与代码实现。
## 整体流程
为使流程清晰，我们可以将主要步骤整理成一个表格：
| 步骤 | 描述
原创
2024-10-14 03:35:23
162阅读
# 使用uniapp和Android原生的实现流程
## 1. 概述
在开始之前，我们先来了解一下uniapp和Android原生的概念和特点。uniapp是一款基于Vue.js的开发框架，可以使用Javascript开发跨平台的应用程序，包括iOS、Android、Web等。Android原生开发指的是使用Java或Kotlin等语言直接开发Android应用。
在本文中，我们将介绍如何将u
原创
2023-10-02 09:25:58
269阅读
