在2c业务场景中，数据充当着极其关键的角色，其在分析用户行为、应用留存等发挥着至关重要的作用。而埋点则是一种最简单最直接的用户数据统计方式。这里分享一下平时在项目中应用到的基于Vue的非侵入式埋点方案

作者在我司，做了C端活动架构升级，产出的一种骨架屏。姐妹兄弟篇 -《你可能不知道的动态组件玩法🍉》。

在http1的时代，比较常见的一种性能优化就是合并http的请求数量，通常我们会把许多js代码合并在一起，但是如果一个js包体积特别大的话对于性能提升来说就有点矫枉过正了。而如果我们对所有的代码进行合理的拆分，将首屏和非首屏的代码进行剥离，将业务代码和基础库代码进行拆分，在需要…

1.webpack里面配置自动注册组件 2.自定义指令图片懒加载 3.图片文件转base64格式(实现预览) 基于 FileReader 把文件读取为 base64 的字符串： 给input设置cha

在 JavaScript 中选择 Object 和 Map 的缺失指南 在 JavaScript 中，对象很方便。它们使我们能够轻松地将多条数据组合在一起。在 ES6 之后，我们为该语言添加了一个新功

本文由团队成员尤毅撰写，已授权涂鸦大前端独家使用，包括但不限于编辑、标注原创等权益。为什么需要埋点系统电影中前端开发攻城狮开开心心的 coding，非常自豪的进行了业务、UI 分离开发，各种设计模式、

前言 领导今天又来活了😣，要记录每个页面的停留时间，以及页面的操作，是由哪个页面跳转过来的，给每个页面生成GUID上报给服务端，并且需要携带设备型号和设备唯一标识🙄

前言：日常开发中可能会经常要用到埋点采集数据的功能，由此基于vue自定义指令和路由守卫开发了一个埋点小工具，目前功能主要有三个，后面会增加。 闲话不多说，上车吧。 点击事件埋点，可自定义埋点参数和埋点要执行的方法。 记录页面停留时间。 记录页面跳转来源。 在需要埋点的元素或组件…

上面代码是常用prerender-spa-plugin的配置，staticDir预渲染输出的文件地址，routes要做预渲染的路由，minify压缩相关的配置，renderer渲染引擎相关的配置，可以传入自定以的渲染引擎或者直接使用默认的PuppeteerRenderer，re…