如何实现JS的封装和JS封装的好处

JavaScript010

如何实现JS的封装和JS封装的好处,第1张

而且对于JS代码，因为本身就是一出现是一大段，自然如果不封包起来通过调用的方式进行整理的话，直接放到网站源码中，自然就会加大的源码的体积，而且还会影响到代码的美现。而且现在很多的杀毒软件都把JS代码误报为病毒，况且JS代码外露也很容易让不良分子找到攻击网站的参照物。JS封装的好处：1、提高网站的打开速度。2、符合SEO搜索引擎思路。3、加大网站的曝光力度。所以，对于提高网站访问速度，最好把JS代码封包起来，而且还要通过ROBOT文件把之屏蔽掉，毕竟这些都是搜索引挚不能识别的，外放对于提高收录只有坏外没有好处，所以，为了收录为了访问速度能封装的JS代码就尽时封装。

本文所说的埋点上报，只包含两种：点击上报（click）、曝光上报（show）。

点击上报： 使用 window.addEventListener('click') 做全局点击的代理。

曝光上报：

bury.js

无论vue还是react，一定要在入口文件优先注册这个类的实例。

react 的 index.js

Vue 的 main.js

现在给一个按钮添加点击和曝光的埋点，

点击的时候上报 {a:1,b:2}

曝光的时候上报 {c:3,d:4}

写法如下:

在入口文件中吐出数据。