2024年vue3项目中实现无侵入式埋点，2024年最新百度前端面试题2024

结尾

学习html5、css、javascript这些基础知识，学习的渠道很多，就不多说了，例如，一些其他的优秀博客。但是本人觉得看书也很必要，可以节省很多时间，常见的javascript的书，例如：javascript的高级程序设计，是每位前端工程师必不可少的一本书，边看边用，了解js的一些基本知识，基本上很全面了，如果有时间可以读一些，js性能相关的书籍，以及设计者模式，在实践中都会用的到。

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

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 })

}

})

}

})

全局绑定 main.js

文末

从转行到现在，差不多两年的时间，虽不能和大佬相比，但也是学了很多东西。我个人在学习的过程中，习惯简单做做笔记，方便自己复习的时候能够快速理解，现在将自己的笔记分享出来，和大家共同学习。

个人将这段时间所学的知识，分为三个阶段：

第一阶段：HTML&CSS&JavaScript基础

第二阶段:移动端开发技术

第三阶段:前端常用框架

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

• 推荐学习方式：针对某个知识点，可以先简单过一下我的笔记，如果理解，那是最好，可以帮助快速解决问题；

• 大厂的面试难在，针对一个基础知识点，比如JS的事件循环机制，不会上来就问概念，而是换个角度，从题目入手，看你是否真正掌握。所以对于概念的理解真的很重要。

推荐学习方式：针对某个知识点，可以先简单过一下我的笔记，如果理解，那是最好，可以帮助快速解决问题；

• 大厂的面试难在，针对一个基础知识点，比如JS的事件循环机制，不会上来就问概念，而是换个角度，从题目入手，看你是否真正掌握。所以对于概念的理解真的很重要。