2024年微信小程序入门，高级岗位面试技巧

最后

我可以将最近整理的前端面试题分享出来，其中包含HTML、CSS、JavaScript、服务端与网络、Vue、浏览器、数据结构与算法等等，还在持续整理更新中，希望大家都能找到心仪的工作。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

篇幅有限，仅展示部分截图：

Page({

tapName: function(event) {

console.log(event)

}

})

2. 通过 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 变量

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

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

入 tools.wxs 脚本

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

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

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

总结

我在成长过程中也是一路摸爬滚打，没有任何人的指点，所以走的很艰难。例如在大三的时候，如果有个学长可以阶段性的指点一二，如果有已经工作的师兄可以告诉我工作上需要什么，我应该前面的三年可以缩短一半；后来去面试bat，失败了有5、6次，每次也不知道具体是什么原因，都是靠面试回忆去猜测可能是哪方面的问题，回来学习和完善，当你真正去招人的时候，你就会知道面试记录是多么重要，面试官可以从面试记录里看到你的成长，总是去面试，总是没有成长，就会被定义为缺乏潜力。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

总是没有成长，就会被定义为缺乏潜力。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

[外链图片转存中…(img-3fRQtz5U-1715635554750)]
[外链图片转存中…(img-0MTk79sQ-1715635554751)]