阿里云数据库前端团队

ES 模块将正式的标准化模块系统引入 JavaScript。但是，花了近10年的标准化工作时间才能到达这里。但是等待几乎结束了。随着 Firefox 60 的发布，所有主流浏览器都将支持 ES 模块，

原文地址：https://martinfowler.com/articles/micro-frontends.html

CodeMirror 是通过 JavaScript 实现的文本编辑器。专门用于编辑代码，带有大量的语言模式和实现更高级的插件功能。 拥有丰富的编程 API 和 CSS 主题化系统可用于定制 CodeMirror ，使它更适合你的应用和扩展新功能。 首先我们来看下一个最基础的示例…

1️⃣ 如果你曾经做成数据分析，使用过 PowerBI 和 Tableau 来进行数据分析，你会发现这两款产品对如何制作可视化图表的操作方式会有明显不一致的地方。 比如在 PowerBI 中，但你需要绘制一个图表时，需要先选择一个统计图表，然后根据当前选择的图表来配置对应必要的…

1️⃣ 如果你曾经做成数据分析，使用过 PowerBI 和 Tableau 来进行数据分析，你会发现这两款产品对如何制作可视化图表的操作方式会有明显不一致的地方。 比如在 PowerBI 中，但你需要绘制一个图表时，需要先选择一个统计图表，然后根据当前选择的图表来配置对应必要的…

1. 拖放的基本概念 拖（drag）放（drop）是 HTML5 标准的组成部分，拖放是一种常见的特性，即抓取对象以后拖到另一个位置，任何元素都可以被拖放。 2. 拖放的几个事件 需求说明：如上图，这是一个常见的三栏布局，要求图中箭头部分可上下、左右拖动，使得三个box可以根据…

在上一篇译文中，我们已经跑通了 Monaco Editor 的项目，接下来我们来具体看下，如何配置自定义语言高亮。 Monaco Editor 通过自带的语法高亮库 Monarch 来支持配置自定义语言。通过它，即可使用 JSON 创建声明式语法支持高亮。我们可以通过 mona…

打包是开发 electron 应用中最后的一个环节，也是最重要的一个步骤。如果打包遇到问题，那你前面的所有努力也就白费了。目前官方的打包工具主要包括2种，分别是 electron-packager 和 electron-builder，下面分别介绍这两种打包方式的区别以及注意事…

为方便初学者快速上手，暂时抛开那些晦涩的概念，直接跟着笔者写一个 webpack 插件，来感受一下吧。笔者这里的代码是基于 webpack 5.x 版本写的，跟 4.x 版本有一定差异。这是一篇入门文，如果已经有基础，就不需要看此文了。 我们假设这样一个场景：发布静态资源之后，…