小编推荐:Fundebug专注于JavaScript、微信小程序、微信小游戏,Node.js和Java实时BUG监控。真的是一个很好用的bug监控费服务,众多大佬公司都在使用。
- app.json 还可以设置哪些功能?
debug、functionalPages、subpackpages、workers、requirebackgroundmodes、plugins、preloadRule、resizable、navigatetominiprogramappidlist - window设置旋转属性方法
pageorientation: auto、portrait - 小程序监听界面显示、隐藏、后台、前台方法
① 根据声明周期函数 ② 还可以根据系统提供API监听方法,如:wx.appOnShow() - 获取场景值的方法
let options = wx.getLanchOptionsSync() - onPageScroll方法的使用注意什么
由于此方法调用频繁,不需要时,可以去掉,不要保留空方法,并且使用onPageScroll时,尽量避免使用setData(),尽量减少setData()的使用频次。 - 视图渲染结束回调
使用setData(data, callback),在callback回调方法中添加后续操作代码 - 对模块化的理解
将公共的代码抽离出一个单独的js文件,作为一个模块。模块只有通过module.exports或exports才能对外暴露接口。举例:
function sayHello(){
console.log('hello!')
}
function sayGoodbye(){
console.log('goodbye!')
}
module.exports.sayHello = sayHello;
exports.sayGoodbye = sayGoodbye;
// 或者
// module.exports = {
// sayHello: sayHello,
// sayGoodbye: sayGoodbye
// }
- 同步API和异步API使用时注意事项
像wx.setStorageSync这种以Sync结尾的API为同步API,使用时使用try-catch来查看异常,如果判定API为异步,可以在其回调方法success、fail、complete中进行下一步操作。 - 对wx:if 和 hidden使用的理解
wx:if 有更高的切换消耗。
hidden 有更高的初始渲染消耗。
因此,如果需要频繁切换的情景下,用 hidden 更好,如果在运行时条件不大可能改变则 wx:if 较好。 - 简单介绍下三种事件对象的属性列表
基础事件(BaseEvent)
type: 事件类型
timeStamp:事件生成时的时间戳
target:触发事件的组件的属性值集合
currentTarget:当前组件的一些属性集合自定义事件(CustomEvent)
detail触摸事件(TouchEvent)
touches
changedTouches - 组件间的共享特性怎么处理
组件间代码的共享行为适用behaviors构造器定义。
//定义:
module.exports = Behavior({
……
})
//使用:
const myBehavior = require('my-behavior')
Component({
behaviors: [myBehavior],
……
})
-
自定义组件有哪些优点?
① 开发者可以将页面内的功能模块抽象成自定义组件,以便在不同的页面中重复使用;
② 也可以将复杂的页面拆分成多个低耦合的模块,有助于代码维护。 -
监听组件引入和移除方法?
Component({
lifetimes: {
attached() {
// 在组件实例进入页面节点树时执行
},
detached() {
// 在组件实例被从页面节点树移除时执行
},
},
// 以下是旧式的定义方式,可以保持对 <2.2.3 版本基础库的兼容
attached() {
// 在组件实例进入页面节点树时执行
},
detached() {
// 在组件实例被从页面节点树移除时执行
},
// ...
})
持续更新完善中,有问题请大家评论区留言……
作者:恩来客
链接:https://www.jianshu.com/p/f3b76d079176
关于Fundebug
Fundebug专注于JavaScript、微信小程序、微信小游戏、支付宝小程序、React Native、Node.js和Java实时BUG监控。 自从2016年双十一正式上线,Fundebug累计处理了9亿+错误事件,得到了Google、360、金山软件、百姓网等众多知名用户的认可。欢迎免费试用!