-
manifest.json 开发app的配置文件
-
每个页面都要配置到 pages.json 中
-
如果是用hbuilderx开发的, 在修改pages.json后, 可能需要重新编译运行才能使用
-
template, script, style 标签都能用src标签进行导入
-
屏幕宽度永远都为750px
-
布局推荐flex
-
手机端字体的大小大约为PC端的两倍, 至于字体具体设置多大, 多做就有感觉了
-
开发项目时, 可以把正在开发的页面设置为启动页, 方便开发, 然后开发完项目后再改回来
-
页面的生命周期: onLoad onRead onShow onHide onPullDownRefresh onReachBotton onShareAppMessage onPageScroll onTabItemTap onUnload onClose
-
常用事件: click touchstart touchmove touchend tap longtap input change submit blur focus reset confirm columnchange linechange error scrolltoupper scrolltolower scroll
-
事件只接收一个参数e, 这个参数由系统传递, 所以程序员不能通过事件函数来传参 (但可以通过标签的自定义属性data-xxx="xxxxxx"来传参
-
事件的参数e: e.currentTarget 指的是触发事件的元素, e.target 指的是冒泡事件的源头. 所以正常用都要用 e.currentTarget
-
事件触发时, 可以获取元素的id值, 相当于代替了vue的ref
-
stop会阻止事件冒泡
-
prevent可以直接干掉, 因为uniapp中没有默认事件. 比如submit不会导致页面的跳转
-
导航函数: (都需要uni
.
来调用) navigateTo, navigateBack, redirectTo, reLaunch, switchTab -
页面跳转时参数的传递: 跟get请求方式的传递方式差不多, 如/pages/test?name=juln&age=20
-
uni.request({ url: ‘xx’, method: ‘POST’, data: {…}, header: {‘content-type’: ‘application/json’}, success: function(result){}, fail: function(result){} })
-
uni.chooseImage({ count: 最大选择数, success: function(result){}, fail: function(result){} })
-
uni.previewImage, uni.getImageInfo, uni.saveFile, uni.saveImageToPhotosAlbum
-
let uper = uni.uploadFile, uper.onProgressUpdate( e => () )
-
let downer = uni.downloadFile, downer.onProgressUpdate( e => () )
-
安卓软件更新的实现: uni.updateFile下载安装包, 然后执行安装命令
-
uni.setStorage({ key: ‘name’, data: ‘juln’, success: function(){}, fail: function(){} })
-
try { uni.setStorageSync(‘name’, ‘juln’) } catch(e) {} 不try-catch会报错
-
uni.getStorageInfo, uni.getStorageInfoSync, uni.removeStorage, uni.removeStorageSync, uni.clearStorage, uni.clearStorageSync
-
uni.getSystemInfo
-
uni.getNetWorkType, uni.onNetWorkStatusChange
-
加速度机, 计算手机用户的移动: uni.onAccelerometerChange, uni.startAccelerometer, uni.stopAccelerometer
-
罗盘: uni.onCompassChange, uni.startCompass, uni.stopCompass
-
拨打电话: uni.makePhoneCall({ phoneNumber: ‘110’ })
-
扫码: uni.scanCode({ success: function(){} })
-
剪切板: uni.setClipboardData({ data: ‘xxx’, success: function(){} }), uni.getClipboardData
- <
uniapp知识点
最新推荐文章于 2024-07-03 17:12:11 发布
本文主要介绍了uniapp的开发要点,包括manifest.json配置、页面结构、屏幕适配、事件处理和页面生命周期。此外,还详细讲解了uniapp的页面跳转、数据请求、文件操作、网络状态检测以及硬件交互等核心功能。特别提到了小程序登录流程和uniapp的跨端兼容特性。
摘要由CSDN通过智能技术生成