这是一段简单的代码, 它构造了一个Parent类, 我们使用Babel 官网的编译器, 设定编译目标为 es2015-strict. 首先会发现的是, Parent类实际上还是一个函数(IIFE 内部返回的那个Parent函数), 我们在_createClass中对它进行了一些…

很惭愧在阿里实习将近三个月没有一点文章产出，同期入职的 炽翎 和 炬透 都产出了不少优秀的文章，如不想痛失薪资普调和年终奖？试试自动化测试！（基础篇），不禁感慨优秀的人都是有共同点的：善于总结沉淀，而且文笔还好（这点太羡慕了）。入职即将满三个月，也就是说我三个多月没写过文章了。…

最近遇到一个yarn的bug，搜索之后发现它竟然存在6年之久，这到底是个怎样神奇的问题？经过一番分析排查，我给了6个解决方案。。。

在学习前端的过程中，一直有看到CommonJS、AMD、CMD、UMD、ESM这些字眼，可总是一知半解？也常常听人提起模块化。模块化是前端工程化的一部分，今天就来静下心，好好的学学

在JavaScript发展初期就是为了实现简单的页面交互逻辑，寥寥数语即可；如今CPU、浏览器性能得到了极大的提升，很多页面逻辑迁移到了客户端（表单验证等），随着web2.0时代的到来，Ajax技术得到广泛应用，jQuery等前端库层出不穷，前端代码日益膨胀，此时在JS方面就会…

sourcemap 的作用就是将编译后代码映射为编译前源代码，所以要搞明白 sourcemap 的核心原理，就是搞明白如何将编译后代码映射为编译前源代码，下面让我们看一下其具体的设计思路。

设计模式代表了最佳的实践，通常被有经验的面向对象的软件开发人员所采用。设计模式是软件开发人员在软件开发过程中面临的一般问题的解决方案。这些解决方案是众多软件开发人员经过相当长的一段时间的试验和错误总结出来的。 设计模式是一套被反复使用的、多数人知晓的、经过分类编目的、代码设计经…

在日益复杂和多元的Web业务背景下，前端工程化这个概念经常被提及。“说说你对Web工程化的理解？” 相信很多初学者在面试时会经常遇到，我们每个人都可以或多或少说出几句，但你真的了解吗？

其实早在初学前端时，就有大致了解过 typescript ,但后面工作中基本 vue2 开发为主，所以真正能够接触到 typescript 的机会其实并不多。 尽管在某些间歇性踌躇满志的时刻，我