背景简介 这几天代码评审，领导无意中看到了我本地代码的控制台，被我花里胡哨的console打印内容吸引了！ 老板看见后，说我这东西有意思，花里胡哨的，他喜欢！

日常项目开发中，涉及到一些例如支付数据，点击捕获错误等信息，埋点日志的上报是必不可少的，项目中埋点指令的简单封装，作以参考。 埋点安装 标题也有说，我们用的是 神策埋点平台 提供的JS SDK 参数配

如何避免写出屎山，优雅的封装组件，在面试官面前大大加分，从这篇文章开始！ 保持单向数据流 大家都知道vue是单项数据流的，子组件不能直接修改父组件传过来的props，但是在我们封装组件使用v-mode

封装一个使用API调用方式的组件是vue项目中常见的需求，一般组件库都提供了对应的组件，但是自己封装这样的组件并不容易，这需要使用到$mount，render等平时不常使用的方法，说到底还是考验js。

元素拖拽是一个比较典型的前端学习案例，需要对 JavaScript 的事件有一定的了解，我也是在最近的工作中才重新拾起了这块内容，通过在 Vue3 这种声明式编程风格的框架中把元素拖拽一次讲清楚。

困扰着前端人自适应大屏适配的噩梦可能要被这短短的几行代码破解了，难道这就是大屏适配的最优解？快来看看这款名为autofit的小工具，用了都说好！

前端在向后端请求信息时，常常需要等待一定的时间才能得到返回结果。为了提高用户体验，可以通过实现一个接口进度条函数来增加页面的交互性和视觉效果。 实现思路 首先定义一个进度条组件来渲染页面展示效果，组件

bpmn.js是一个BPMN2.0渲染工具包和web建模器, 使得画流程图的功能在前端来完成. 因为公司业务的需要因而要在项目中使用到bpmn.js,但是由于bpmn.js的开发者是国外友人, 因此国内对这方面的教材很少, 也没有详细的文档. 所以很多使用方式很多坑都得自己去找…

最近在学习webpack, 发现了webpack中一个重要的功能点babel-loader, 于是就想着学习了解一波Babel. 我们在做一件事, 学习一个知识点的时候, 都应该是抱有一个目的去做的. 在这一篇文章中我并没有介绍过于深入的内容, 但是如果把它当成一个入门Babe…