uni-app
关注
分享
扫一扫
文章平均质量分 79
uni-app基础教程
愚公搬代码
《头衔》：华为云特约编辑，华为云云享专家，华为开发者专家，华为产品云测专家，CSDN博客专家，CSDN商业化专家，阿里云专家博主，阿里云签约作者，腾讯云优秀博主，腾讯云内容共创官，掘金优秀博主，亚马逊技领云博主，51CTO博客专家等。
《近期荣誉》：2022年度博客之星TOP2，2023年度博客之星TOP2，2022年华为云十佳博主，2023年华为云十佳博主，2024年华为云十佳博主等。
《博客内容》：.NET、Java、Python、Go、Node、前端、IOS、Android、鸿蒙、Linux、物联网、网络安全、大数据、人工智能、U3D游戏、小程序等相关领域知识。
展开
-
2021-08-03 uni-app基础教程 条件编译
一、条件编译 条件编译 条件编译是用特殊的注释作为标记，在编译时根据这些特殊的注释，将注释里面的代码编译到不同平台。 写法：以 #ifdef 或 #ifndef 加 %PLATFORM% 开头，以 #endif 结尾。 #ifdef：if defined 仅在某平台存在 #ifndef：if not defined 除了某平台均存在 %PLATFORM%：平台名称 条件编译写法 说明 #ifdef APP-PLUS 需条件编译的代码 #endif 仅出现在 App 平台下的代码 #i原创 2021-08-03 08:49:44 · 50182 阅读 · 0 评论 -
2021-08-03 uni-app基础教程 样式布局
一、样式布局 uni-app 支持的通用 css 单位包括 px、rpx px 即屏幕像素 rpx 即响应式px，一种根据屏幕宽度自适应的动态单位。以750宽的屏幕为基准，750rpx恰好为屏幕宽度。屏幕变宽，rpx 实际显示效果会等比放大。 vue页面支持普通H5单位，但在nvue里不支持： rem 默认根字体大小为 屏幕宽度/20（微信小程序、字节跳动小程序、App、H5） vh viewpoint height，视窗高度，1vh等于视窗高度的1% vw viewpoint width，视窗宽度，原创 2021-08-03 08:46:31 · 51192 阅读 · 0 评论 -
2021-08-03 uni-app基础教程 路由
一、路由 uni-app页面路由为框架统一管理，需要在pages.json里配置每个路由页面的路径和页面样式。类似的小程序在app.json中配置页面路由相同 页面栈 框架以栈的形式管理当前所有页面，当发生路由切换的时候，页面栈的表现如下： 路由方式 页面栈表现 触发时机 初始化 新页面入栈 uni-app：的第一个页面 新页面 新页面入栈 调用API uni.navigateTo ，使用组件 <navigator open-type =“ navigate” />原创 2021-08-03 08:44:08 · 49927 阅读 · 0 评论 -
2021-08-02 uni-app基础教程 生命周期
应用生命周期 uni-app 支持如下应用生命周期函数： 函数名 说明 onLaunch 当uni-app初始化完成时触发（局部只触发一次） onShow 当uni-app启动，或从后台进入前台显示 onHide 当uni-app从前台进入后台 onError 当uni-app报错时触发 onUniNViewMessage 对nvue页面发送的数据进行监听，可参考 nvue 向 vue 通讯 onUnhandledRejection 对未处理的 Promise 拒绝事件监原创 2021-08-02 00:42:35 · 50239 阅读 · 0 评论 -
2021-08-02 uni-app基础教程 环境配置
一、环境配置 1.下载HBuilderX 通过HBuilderX可视化界面，HBuilderX内置相关环境，开箱即用，无需配置nodejs 开始之前，开发者需先下载安装如下工具： HBuilderX：官方IDE下载地址 下载App开发版，可开箱即用；如下载标准版，在运行或发行uni-app时，会提示安装uni-app插件，插件下载完成后方可使用。 如使用cli方式创建项目，可直接下载标准版，因为uni-app编译插件被安装到项目下了 2.创建uni-app 在点击工具栏里的文件->新建->项原创 2021-08-02 00:31:04 · 51736 阅读 · 0 评论