✨满满的干货，不容错过哦. 写文不易，点赞是最大的鼓励。 文章下篇已经更新：深入浅出 Babel 下篇：既生 Plugin 何生 Macros 有点冷清，赞起来。 上图是 Babel 的处理流程, 如果读者学习过编译器原理，这个过程就相当亲切了. 1️⃣词法解析(Lexical…

系列文章：《JavaScript设计模式与开发实践》基础篇（1）——this、call和apply《JavaScript设计模式与开发实践》基础篇（2）——闭包和高阶函数《JavaScript设计模式

sentry对于前端工程师来说并不陌生，本文主要通过源码讲解sentry是如何实现捕获各种错误。 addInstrumentationHandler收集相关的回调并调用对应方法对原生方法做二次封装。 在sentry初始化的时候，我们可以通过tracingOrigins捕获哪些u…

Axios 是一个基于 Promise 的 HTTP 客户端，同时支持浏览器和 Node.js 环境。它是一个优秀的 HTTP 客户端，被广泛地应用在大量的 Web 项目中。 由上图可知，Axios 项目的 Star 数为 77.9K，Fork 数也高达 7.3K，是一个很优秀…

一般入门级的无需太早考虑这方面的，只要专心学好Vue的使用姿势便可。 这种情况一般报错信息可以看到是哪个包抛出的信息，一般卸载这个模块,安装重新安装下即可。 官方解释如下: data 必须声明为返回一个初始数据对象的函数，因为组件可能被用来创建多个实例。 Vue 在2.2的时候…

一说到数据结构，很多人就开始头大了，因为总感觉像什么数据结构，算法之类的概念都很高大上，我知道有很多的同学都是毕业后觉得编程高薪，亦或培训速成所以就选择了一门语言，从而从事了这个行业，但是对于编程语言的一些基础，以及相关的系列知识结构其实是缺失的，所以业余时间多花点功夫多学习，其实都是可以补上来的

年前刚刚离职了，分享下我曾经出过的一道面试题，此题是我出的一套前端面试题中的最后一题，用来考核面试者的 JavaScript 的综合能力，很可惜到目前为止的将近两年中，几乎没有人能够完全答对，并非多难只是因为大多面试者过于轻视他。

React Hooks 是 React 16.7.0-alpha 版本推出的新特性，想尝试的同学安装此版本即可。 React Hooks 要解决的问题是状态共享，是继 render-props 和 higher-order components 之后的第三种状态共享方案，不会产…

js是单线程，就像学生排队上厕所，学生需要排队一个一个上厕所，同理js任务也要一个一个顺序执行。如果一个任务耗时过长，那么后一个任务也必须等着。那么问题来了，假如我们想浏览新闻，但是新闻包含的超清图片加载很慢，难道我们的网页要一直卡着直到图片完全显示出来？因此聪明的程序员将任务…