微信小程序：自定义组件，数据监听器的使用，2024年最新面试web前端题目及答案

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Web前端全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip1024c （备注前端）

正文

{

“component”: true

}

然后在pages文件中创建新的文件，wx.json文件中引入conmponents文件，同时，还要在 wxml 文件中编写组件模板，在 wxss 文件中加入组件样式

接着在wxml中使用

在wxss中编写样式

/* 这里的样式只应用于这个自定义组件 */

.my-class{

color: aliceblue;

background-color: rgb(255,0,0);

}

.my-fontSize{

font-size: 100rpx;

}

component中定义： .js中 定义externalClasses: [‘my-class’,‘my-fontSize’],

component：.wxml中

二、微信小程序数据监听（observer）是什么？

======================================================================================

1. 数据监听器可以用于监听和响应任何属性和数据字段的变化。

2. observer 用于监听和响应任何属性和数据字段的变化。可以同时监听多个。一次 setData 最多触发每个监听器一次。同时也可以监听子数据字段

3. observer 是基于自定义组件使用的

示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。

三、使用数据监听器

======================================================================

有时，在一些数据字段被 setData 设置时，需要执行一些操作。

例如， this.data.sum 永远是 this.data.numberA 与 this.data.numberB 的和。此时，可以使用数据监听器进行如下实现。

Component({

attached: function() {

this.setData({

numberA: 1,

numberB: 2,

})

},

observers: {

‘numberA, numberB’: function(numberA, numberB) {

// 在 numberA 或者 numberB 被设置时，执行这个函数

this.setData({

sum: numberA + numberB

})

}

}

})

四.小案例（控制背景色的rgb改变）

===============================================================================

改变背景色r

改变背景色g

改变背景色b

data：中写上获取初始的数据 bg,bg2,bg3

observers:

自定义方法methods中；

changebg() {

this.setData({

总结

• 对于框架原理只能说个大概，真的深入某一部分具体的代码和实现方式就只能写出一个框架，许多细节注意不到。

• 算法方面还是很薄弱，好在面试官都很和蔼可亲，擅长发现人的美哈哈哈…（最好多刷一刷，不然影响你的工资和成功率???）

• 在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。

• 要勇于说不，对于某些 offer 待遇不满意、业务不喜欢，应该相信自己，不要因为当下没有更好的 offer 而投降，一份工作短则一年长则 N 年，为了幸福生活要慎重选择！！！

第一次跳槽十分忐忑不安，和没毕业的时候开始找工作是一样的感受，真的要相信自己，有条不紊的进行。如果有我能帮忙的地方欢迎随时找我，比如简历修改、内推、最起码，可以把烦心事说一说，人嘛都会有苦恼的～

祝大家都有美好的未来，拿下满意的 offer。

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。**

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）
[外链图片转存中…(img-tu89yY4Z-1713590025289)]

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！