2024年最全vue3项目中实现无侵入式埋点(1)，我的阿里手淘面试经历分享

总结

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

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

曝光事件 exposure.ts

export default class Exposure{

add(entry) {

const tp = entry.el.attributes[‘track-params’].value

track(tp) //自定义的埋点事件

}

}

点击事件 click.js

export default class Click {

add(entry) {

const tp = entry.el.attributes[‘track-params’].value

entry.el.addEventListener(‘click’, function() {

track(tp) //自定义的埋点事件

})

}

}

事件的绑定 tranck.js

import Vue from ‘vue’

import Exposure from ‘./exposure’

import Click from ‘./click’

// 实例化曝光和点击

const exp = new Exposure()

const cli = new Click()

Vue.directive(‘track’, {

// 调用指令声明周期钩子函数bind，其他钩子函数请移步官网

bind(el, binding) {

// 获取指令参数

const { arg } = binding

arg.split(‘|’).forEach(item => {

// 点击

if (item === ‘click’) {

cli.add({ el })

} else if (item === ‘exposure’) {

exp.add({ el })

}

})

}

后话

---

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

对于面试，说几句个人观点。

面试，说到底是一种考试。正如我们一直批判应试教育脱离教育的本质，为了面试学习技术也脱离了技术的初心。但考试对于人才选拔的有效性是毋庸置疑的，几千年来一直如此。除非你有实力向公司证明你足够优秀，否则，还是得乖乖准备面试。这也并不妨碍你在通过面试之后按自己的方式学习。
其实在面试准备阶段，个人的收获是很大的，我也认为这是一种不错的学习方式。首先，面试问题大部分基础而且深入，这些是平时工作的基础。就好像我们之前一直不明白学习语文的意义，但它的意义就在每天的谈话间。

所谓面试造火箭，工作拧螺丝。面试往往有更高的要求，也迫使我们更专心更深入地去学习一些知识，也何尝不是一种好事。

首先，面试问题大部分基础而且深入，这些是平时工作的基础。就好像我们之前一直不明白学习语文的意义，但它的意义就在每天的谈话间。

所谓面试造火箭，工作拧螺丝。面试往往有更高的要求，也迫使我们更专心更深入地去学习一些知识，也何尝不是一种好事。