百度360必应搜狗淘宝本站头条
当前位置:网站首页 > IT知识 > 正文

uniapp开发注意事项(建议) uniapp开发app流程

liuian 2024-12-22 19:33 27 浏览

多看文档,结合官方示例程序

moveHandle 可以用来处理 touchmove 的事件,也可以是一个空函数。

plus.globalEvent.addEventListener 监听原生扩展的事件。

App端若要使用操作window、document的库,需要通过renderjs来实现。

分包加载配置,subPackages 为小程序的分包加载机制。App里始终为整包。subPackages 里的pages的路径是 root 下的相对路径,不是全路径。

App平台:使用 <video/> 组件,打包 App 时必须勾选 manifest.json->App 模块权限配置VideoPlayer 模块。

App平台:如果使用的视频路径为本地路径,需要配置资源为释放模式:在 manifest.json 文件内 app-plus 节点下新增 runmode 配置,设置值为liberate。

webview在App 平台同时支持网络网页和本地网页,但本地网页及相关资源(js、css等文件)必须放在 uni-app 项目根目录->hybrid->html 文件夹下;小程序仅支持加载网络网页,不支持本地html。

onBackPress监听页面导航栏的返回按钮的点击事件,不能监听浏览器返回以及手机的返回。

import css 文件时,只能用相对路径,scss和less同理

uni.getSystemInfoSync().platform 判断当前运行环境

一像素边框为1px,其它尺寸单位建议用rpx处理,随着屏幕变宽,字体会变大、高度会变大

pages.json 里的 titleNView ,页面中涉及plus api 的单位,只支持 px

微信小程序只支持单文件上传

H5端页面刷新之后页面栈会消失,此时navigateBack不能返回,如果一定要返回可以使用history.back()导航到浏览器的其他历史记录.

选择非媒体文件,可以使用Native.js,无需原生插件,iOS端需要原生插件。

使用设备权限时,比如相机,语音,都要先判断一下访问权限

屏幕高度=状态栏高度+原生导航栏高度+可使用窗口高度+原生tabbar高度。

从APP分享到微信时,无法判断用户是否点击取消分享

关于文本超出展示需要在超出展示盒子的内部在内嵌一层子元素

static 目录不要存放 js css less/scss 文件, 简易存放在common目录

图片视频等资源建议使用网络路径或者本地绝对路径

splash启动封面 splash只能是标准png

scroll-view 不适合放长列表,有性能问题。长列表滚动和下拉刷新,应该使用原生导航栏搭配页面级的滚动和下拉刷新实现。

如需调节checkbox,radio大小,可通过css的scale方法调节,如缩小到50%style="transform:scale(0.5)"。

页面结构复杂,css样式太多的情况,使用 image 可能导致样式生效较慢,出现 “闪一下” 的情况,设置 image{will-change: transform} ,可优化此问题。

小程序不支持在css中使用本地文件,包括本地的背景图和字体文件。需以base64方式方可使用。开发环境除外

非H5端 js模块只支持uni-app 已有的 API包括h5+。

vue 组件中使用小程序组件时,注意在 pages.json 的 globalStyle 中配置 usingComponents,

以:style=""这样的方式设置px像素值,其值为实际像素,不会被编译器转换。

禁止蒙版下的页面滚动,可使用 @touchmove.stop.prevent="moveHandle"

相关推荐

快速上手maven

Maven的作用在开发过程中需要用到各种各样的jar包,查找和下载这些jar包是件费时费力的事,特别是英文官方网站,可以将Maven看成一个整合了所有开源jar包的合集,我们需要jar包只需要从Mav...

Windows系统——配置java环境变量

怎么配置java环境变量呢?首先是安装好jdk然后我的电脑右键选择属性然后选择左侧高级系统设置高级然后点环境变量然后在用户变量或系统变量中配置,用户变量指的是只有当前用户可用,系统变量指的是系统中...

ollama本地部署更改默认C盘,Windows配置环境变量方法

ollama是一个大语言模型(LLM——LargeLanguageModel),本地电脑安装网上也要很多教程,看上去非常简单,一直下一步,然后直接就可以使用了。但是我在实操的时候并不是这样,安装完...

# Windows 环境变量 Path 显示样式更改

#怎样学习Java##Windows环境变量Path显示样式更改##1、传统Path环境变量显示:```---》键盘上按【WIN+I】打开系统【设置】---》依次点击---》【系统...

如何在Windows中创建用户和系统环境变量

在Windows中创建环境变量之前您应该了解的事情在按照本指南中所示的任何步骤创建指向文件夹、文件或其他任何内容的用户和系统变量之前,您应该了解两件事。第一个也是最重要的一个是了解什么是环境变量。...

Windows 中的环境变量是什么?

Windows中的环境变量是什么?那么,Windows中的环境变量是什么?简而言之,环境变量是描述应用程序和程序运行环境的变量。所有类型的程序都使用环境变量来回答以下问题:我安装的计算机的名称是什么...

【Python程序开发系列】谈一谈Windows环境变量:系统和用户变量

这是我的第350篇原创文章。一、引言环境变量(environmentvariables)一般是指在操作系统中用来指定操作系统运行环境的一些参数,如:临时文件夹位置和系统文件夹位置等。环境变量是在操作...

系统小技巧:还原Windows10路径环境变量

有时,我们在Windows10的“运行”窗口中执行一些命令或运行一些程序,这时即便没有指定程序的具体路径,只输入程序的名称(如notepad.exe),便可以迅速调用成功。这是因为Windows默认...

Windows10系统的“环境变量”在哪里呢?

当我们在操作系统是Windows10的电脑里安装了一些软件,要通过配置环境变量才能使用软件时,在哪里能找到“环境变量”窗口呢?可以按照下面的步骤找到“环境变量”。说明:下面的步骤和截图是在Window...

系统小技巧:彻底弄懂Windows 10环境变量

每当我们进行系统清理时,清理软件总能自动找到Windows的临时文件夹之所在,然后加以清理,即便是我们重定向了TEMP目录也是如此。究其原因,是因为清理软件会根据TEMP环境变量来判断现有临时文件夹的...

MySQL 5.7 新特性大全和未来展望

本文转自微信公众号:高可用架构作者:杨尚刚引用美图公司数据库高级DBA,负责美图后端数据存储平台建设和架构设计。前新浪高级数据库工程师,负责新浪微博核心数据库架构改造优化,以及数据库相关的服务器存...

MySQL系列-源码编译安装(v8.0.25)

一、前言生产环境建议使用二进制安装法,其优点是部署简单、快速、方便,并且相对"yum/rpm安装"方法能更方便地自定义文件存放的目录结构,方便用脚本批量部署,方便日后运维管理。在生产...

MySQL如何实时同步数据到ES?试试这款阿里开源的神器!

前几天在网上冲浪的时候发现了一个比较成熟的开源中间件——Canal。在了解了它的工作原理和使用场景后,顿时产生了浓厚的兴趣。今天,就让我们跟随我的脚步,一起来揭开它神秘的面纱吧。简介canal翻译为...

技术老兵十年专攻MySQL:编写了763页核心总结,90%MySQL问题全解

MySQL是开放源码的关系数据库管理系统,由于性能高、成本低、可靠性好,成为现在最流行的开源数据库。MySQL学习指南笔记领取方式:关注、转发后私信小编【111】即可免费获得《MySQL进阶笔记》的...

Mysql和Hive之间通过Sqoop进行数据同步

文章回顾理论大数据框架原理简介大数据发展历程及技术选型实践搭建大数据运行环境之一搭建大数据运行环境之二本地MAC环境配置CPU数和内存大小查看CPU数sysctl machdep.cpu...