uniapp知识点

• 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

• <