当前位置:首页 > JS逆向 > 微信小程序入门

微信小程序入门

一叶知秋2024-05-09 21:07:24JS逆向1

Page({

tapName: function(event) {

console.log(event)

}

})

  1. 通过 bindinput,可以为文本框绑定输入事件,语法如下:

Page({

inputName: function(event) {

console.log(event)

}

})

3.在文本框的 input 事件处理函数中,通过事件参数 event,能够访问到文本框的最新值:

语法:event.detail.value

inputName: function (event) {

// 获取到文本框中最新的内容

console.log(event.detail.value)

}

4.通过 this.setData(dataObject) 方法,可以给页面中的 data 数据重新赋值。

inputName: function (event) {

this.setData({

msg: event.detail.value // 为 data 中的 msg 重新赋值

})

}

事件传参

  1. 通过 data-* 自定义属性传参

如果要在组件触发事件处理函数的时候,传递参数,可以为组件提供 data-* 自定义属性传参。

<button bindtap='btnHandler’ data-info=“{{123}}”>事件传参

其中,info 会被当作参数名,数值 123 会被当作参数值。

2.通过事件参数 event.target.dataset.参数名,能够获取 data-* 自定义属性传递到事件处理函数中的参数。

btnHandler: function(event){

console.log(event.target.dataset.info)

}

. wxs 脚本


什么是wxs

wxs(WeiXin Script)是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构。

wxs 基础语法

  1. 使用 module.exports 向外共享成员

通过 module.exports 属性,可以对外共享本模块的私有变量与函数。

var foo = “‘hello world’ from wxs”; // 定义私有变量 foo

var bar = function (d) { // 定义私有函数 bar

return d;

}

module.exports = { // 通过 modules.exports 向外共享私有成员

FOO: foo, // 向外共享私有变量 foo

bar: bar, // 向外共享私有函数 bar

};

module.exports.msg = “some msg”; // 额外向 module.exports 中挂载 msg 变量

  1. 使用 require 引入其它 wxs 模块

假设有两个 wxs 模块,路径分别为 /pages/tools.wxs 和 /pages/logic.wxs,如果要在 logic.wxs 中引

入 tools.wxs 脚本

// 使用 require 导入 tools.wxs 脚本

var tools = require(“./tools.wxs”);

// 得到的 tools 对象,可以直接访问到 tools.wxs 中向外暴露的变量和方法

最后

面试题千万不要死记,一定要自己理解,用自己的方式表达出来,在这里预祝各位成功拿下自己心仪的offer。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

大厂面试题

面试题目录

n.net/topics/618166371)**

[外链图片转存中…(img-EqSR9Xcy-1714713438329)]

[外链图片转存中…(img-G7i9GEV4-1714713438331)]

[外链图片转存中…(img-vVeg2vWc-1714713438332)]

[外链图片转存中…(img-CM2tCJbb-1714713438332)]

扫描二维码推送至手机访问。

版权声明:本站部分文章来自互联网采集,请查看免责申明

本文链接:https://blog.yyzq.team/post/337794.html

分享给朋友:

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。