2、小程序的JS有一些额外的成员
App方法 用于定义应用程序实例对象
Page方法 用于定义页面对象
getApp方法 用于获取全局应用程序对象
getCurrentPages方法 用来获取当前页面的调用栈(数组 最后一个就是当前页
wx对象 用来提供核心api的 官方链接: https://developers.weixin.qq.com/miniprogram/dev/api/
3、小程序JS是支持CommonJS规范的
eg:
./utils/foo.js文件
function say(msg){
console.log("hello"+msg)
}
module.exports = {
say:say
}
app.js文件
const foo = require("./utils/foo.js")
foo.say("hi")
js负责页面与用户的交互,动态修改页面的内容。使用js脚本来处理用户的操作。
操作解释: 点击button按钮(点我),修改界面的msg显示为"BeiJing佩奇"
绑定事件: bindtap定义了"点击事件"
j s 函数: Page({定义函数对应bindtap})
例如开头示例一样,组件绑定事件,js编写事件函数。
这里大概介绍下log打印的内容
☞ 小生不才,附上 博客地址☜
事件分为冒泡事件和非冒泡事件
1.冒泡事件:当一个组件被触发后,该事件以此向父节点传递。
2.非冒泡事件:当一个组件触发后,该事件不会向父节点传递。
解释:当点击子节点时,会依次触发"bind事件2,bind事件1"
解释:当点击子节点时,只触发"bind事件2",而没有触发"bind事件1"
自基础班1.5.0起,触摸类事件支持捕获阶段。捕获阶段位于冒泡阶段之前。事件到达节点的顺序与冒泡相反。捕获事件采用的关键字为capture-bind、capture-catch,当然catch还是中断,取消冒泡阶段。
1. 示例1,执行顺序为hand2,hand4,hand3,hand1
2. 示例2,加入capture-catch捕获事件,只执行hand2
小程序js中引入组件如一下步骤:1、准备好外部想要引入的外部文件,命名为util.js,并且填充固定的文件内容(一般是固定的库)。
2、打开util.js,继续填写重要内容将要使用的方法用module.exports给暴露出来。
3、将外部js放在指定的文件夹utils里(utils规定存放js库和数字格式化文件)。
4、在想要用到这个方法的js里面require这个js,然后调用即可。