
uni-app入门指南
1、去官网下载Hbuderx工具,预先下载好
https://www.dcloud.io/hbuilderx.html?source=javascriptc.com
2、新建项目 --> 认识界面
1、双击Hbuderx开发工具
2、点击Hbudex菜单栏项目 --> 项目 --> 选择uniapp --> 填写项目名称(英文)
3、认识基本的界面布局
4、认识项目导航文件
3、多端运行的方法以及配置
1、H5
2、运行到各种小程序
3、APP运行模拟器(运行模拟器先需要下载一个模拟器)
各种模拟器 端口号:
夜神模拟器端口号:62001
海马模拟器端口号:26944
逍遥模拟器端口号:21503
MuMu模拟器端口号:7555
天天模拟器端口号:6555
4、真机运行(运行到手机上)
4、小程序的一些全局方法
1、onPullDownRefresh():上拉刷新
2、onReachBottom():触底更新:(通常用于列表分页数据的加载)
3、onShareAppMessage():右上角分享(通常写分享出去的标题,图片设置等,然后进入到某个页面,类似于转发页面进入)
4、onShareTimeline():分享至朋友圈(跟上面一个方法类似,只不过转发的地方不一样)
5、onAddToFavorites():监听用户是否收藏
6、getApp():获取当前应用实例
const app = getApp()
console.log(app.Public)
app.Public() // 调用 App.vue methods 中的 Public方法
7、getCurrentPages():获取当前页面栈的实例
let pages = getCurrentPages();
console.log(pages, 'getCurrentPages')
let page = pages[pages.length - 1];
console.log(page, 'page')
详细配置以及权限查看官网链接:https://uniapp.dcloud.net.cn/api/window/window.html#getcurrentpages
- 感谢你赐予我前进的力量
赞赏者名单
因为你们的支持让我意识到写文章的价值🙏
本文是原创文章,采用 CC BY-NC-ND 4.0 协议,完整转载请注明来自 Fireworks
评论
匿名评论
隐私政策
你无需删除空行,直接评论以获取最佳展示效果