Orangee

bundle 这个词很形象，它有包，捆的意思。例如我们说：“上山捡柴，将捡到的树枝捆起来”。前端领域类比起来，就是将散落的代码“捆”起来，“打包”起来。 捡到的树枝有柳树的，榆树的，黄花梨的，把树皮削了都是树枝，这是代码转换，我们将 typescript 转换成 javascr…

上篇文章我们聊了模块化的“发展史”，虽然有着诸多的模块化方案，但时至今日，依然没有官方的普及的浏览器支持，因此我们依然需要“模块构建”方案的辅助。 字面意思，把多个模块（以及他们的依赖）按照正确的顺序写进一个文件。 我们将项目拆分成多个模块，以多个文件的形式存储，如果不做任何处…

随着各种脚手架和编译工具的流行，我们习惯一键初始化，照葫芦画瓢地粘贴飘逸的代码，而可能忽略了一些精妙的设计和有趣的发展历史，其中就包括模块化。 如果这些词让你眼花缭乱，那不妨读读这篇文章吧。 当你打开一本书时，你会看到目录里清晰地划分着章节，同样地，一个庞大的代码库，也需要通过…

你是否好奇过那些像 codesandbox 和 codepen 的 在线 react 编辑器是如何实现的？你是否用过 semantic react 或 react styleguidist，直接在浏览器中修改上面的例子，就能实时预览。 这周末我终于将零碎的概念汇总到了一起并实现…

让我们先来玩一个游戏，根据 ES5，ES2015， ES2016，ES6，ES2017 这几个词的关系，进行连线。 如果你有点“蒙圈”，不妨先来看看 Javascript 的发展历史。 作为一个在 JS 高程《JavaScript 高级程序设计》 指引下走进前端的“老”同学，我…