2019.11.04 今天是每日时报陪你的第 272 天

[文章] Sketch 插件开发实践：https://aotu.io/notes/2019/10/31/sketch-plugin/ (opens new window)

[类库] Umi 的微前端（乾坤）库支持 React、Vue 以及主从模式，我已经在 Vue 框架下走通了主从流程，即将投入生产环境，过段时间会放 Demo 出来：https://github.com/umijs/qiankun (opens new window)

[工具] VS Code 版本的 CodeSandbox 插件，目的是将 CodeSandbox 带到您最喜欢的编辑器中：https://github.com/yesmeck/vs-codesandbox (opens new window)

[工具] 狗屁不通的文章生成器；输入一个关键词，批量生成跟你词汇相关的文章，但它读不通；可以作为正则练习或者 Faker 工具来使用：https://github.com/menzi11/BullshitGenerator (opens new window)

[资源] 黑马程序员 120 天全栈区块链开发开源教程：https://github.com/itheima1/BlockChain (opens new window)

配图 - Sketch 插件开发实践

配图 - VS Code 版本的 CodeSandbox 插件

配图 - 狗屁不通的文章生成器

示例 - ws

import { registerMicroApps, start } from 'qiankun';

function render({ appContent, loading }) {
  const container = document.getElementById('container');
  ReactDOM.render(<Framework loading={loading} content={appContent} />, container);
}

function genActiveRule(routerPrefix) {
  return location => location.pathname.startsWith(routerPrefix);
}

registerMicroApps([
  {
    name: 'react app', // app name registered
    entry: '//localhost:7100',
    render,
    activeRule: genActiveRule('/react'),
  },
  {
    name: 'vue app',
    entry: { scripts: ['//localhost:7100/main.js'] },
    render,
    activeRule: genActiveRule('/vue'),
  },
]);

start();