chencheng (云谦)
chencheng (云谦)
[Umi UI 一期](https://github.com/sorrycc/blog/issues/86)做好了一个架子，但只是包含一些基础功能，而要做提效，则需要一些实打实的功能。一个月后的 Umi UI 二期带来了一些进阶功能，比如资产（区块+模板）、Mini 气泡、编译态同步、build 和 dev 文件分析等。 ## 新功能 ### 资产市场（区块和模板） 支持区块和模板的查看、预览，以及把他们添加到项目甚至指定页面里。我觉得这是可能带来大幅提效的一个功能，当然还得取决于资产的质量和数量，如果现有区块模板和项目需求的匹配度高，那提效幅度会很大。 注：由于暂不支持撤回操作，建议添加之前通过 git 提交代码保存之前的变更。 ### Mini 气泡 用户使用 UMI UI 不仅仅是通过 `umi ui` 命令，还可以通过 `umi dev`...
## 重要改进 * 改进补丁方案，支持通过配置 [targets](https://umijs.org/zh/config/#targets) 来自动引入补丁，deprecate `umi-plugin-polyfills`，[#1114](https://github.com/umijs/umi/pull/1114) * 支持运行时插件和 `src/app.js`，[#1101](https://github.com/umijs/umi/pull/1101) * 改进出错提醒，更加友好和更多可操作的提示，[#1093](https://github.com/umijs/umi/pull/1093)，[#1132](https://github.com/umijs/umi/pull/1132) * 内置 `babel-plugin-macros`，[#1135](https://github.com/umijs/umi/pull/1135) * 锁定 webpack 版本为 4.19.0，因为 [email protected] 开始和 hard-source-webpack-plugin 不兼容，[#1134](https://github.com/umijs/umi/pull/1134) * `umi-plugin-react` 支持配置 chunks、scripts、headScripts、metas 和 links，[#1097](https://github.com/umijs/umi/pull/1097)...
我们今天发布了 Umi UI 三期，对外部分的功能包括 Dashboard 定制化、Terminal、资产市场信息架构调整、布局区块等。 ## 定制化的 Dashboard 和插件接口 Dashboard 作为项目入口，提供的功能卡片支持定制，内置的卡片陆续添加中，目前有配置入口、任务入口和前端早报。 同时，还提供了[插件接口](https://umijs.org/plugin/umi-ui.html#api-adddashboard)，允许在插件添加属于自己的卡片。比如： ```js api.addDashboard({ key: 'org.umi.dashboard.card.testId', title: '卡片标题', description: '卡片描述', icon: , content: [ alert('部署成功')}> 一键部署 , ], });...
MobX 原理
先来看一个典型的 mobx + react 例子。([在 jsfiddle 里打开](https://jsfiddle.net/24u7juu0/)) ``` javascript import { observable } from 'mobx'; import { observer } from 'react-mobx'; import React, { Component } from 'react'; import ReactDOM...
MobX 入门教程
大家用 redux 这么久，有没有被那么多概念和约定烦到? 比如： - 一个 click 的事件需要经过 action, dispatch, middleware, reducer 才能走完流程 - reducer 里不能直接修改 state，而是每次返回一个新的 - 要区分 container 和 component - container 里要在 connect 里 select 数据，一不小心就选多了或选少了，出于性能考虑还要借助 reselect...
Umi UI 这个大坑，今年总算还是踩了。 其实去年还是前年就想做了，但这件事听起来太前沿，和业务关系不大，而且有很大的不确定性，所以优先级始终不高。而今年要在提效上发力，需要有一些可能会带来巨大变化的事情，于是被提上日程。 然后经过一个多月的开发，Umi UI 的第一个版本终于上了。🌹 🌹 🌹 先看[视频介绍](https://www.bilibili.com/video/av66178967)。 ## 介绍 UMI UI PRO CODE（写很多代码）和 LOW CODE（写一点点代码）我不确定哪个未来会发展地更好，但就个人而言，一直是倾向于 PRO CODE 的模式。而服务 PRO CODE 的 CLI 工具在某些场景下可能不够直观，所以需要可视化的辅助，但是有个底线是**代码是基础，可视化功能应该作为代码的辅助，你在可视化界面上的所有操作都将最终作用于代码**。 UMI UI 就是这个定位。 我们希望他能改变用户使用...
> 持续更新。 ## Cannot read property 'Consumer' of undefined > [email protected] 已被 unpublish，理论上不会再遇到这个问题，遇到的重装 node_modules 后再试。 ### 原因 使用的 react-router 和 react-router-dom 版本不同，通常出现在 ant-design-pro 的用户中，因为 ant-design-pro 手动依赖了一个 `react-router-dom@^4.3.1`，`^` 前缀引让 npm/yarn 下载依赖时匹配到...
装了啥
> 已更新 2019 版，详见 https://github.com/sorrycc/awesome-tools 。 经常被人问到我在用啥，所以记录下，以下是目前在用的软件和硬件。 由于这些经常会变，所以这篇文章也会做持续更新。 ## 编辑器和 Terminal 我的编辑器是 Intellij Idea，内置功能很强大了，主要是省心，不必费精力去找插件等。然后也会辅助用 VSCode 去做一些临时文件的快速编辑。 * 使用 ~~[Operator Mono](http://www.typography.com/fonts/operator/overview/)~~ [Dank Mono](https://dank.sh/) 字体，Operator Mono 看久了有点厌 * Intellij Idea 使用 [material-theme-jetbrains](https://github.com/ChrisRM/material-theme-jetbrains)，Theme...
CSS 高级布局技巧
随着 IE8 逐渐退出舞台，很多高级的 CSS 特性都已被浏览器原生支持，再不学下就要过时了。 ## 用 `:empty` 区分空元素 > 兼容性：不支持 IE8 [Demo](https://jsbin.com/rikecogamu/2/edit?html,css,output) 假如我们有以上列表： ```html a b ``` 我们希望可以对空元素和非空元素区别处理，那么有两种方案。 用 `:empty` 选择空元素： ```css .item:empty { display: none; } ``` 或者用...
[English version](https://github.com/sorrycc/blog/issues/79#issuecomment-450277885) | 中文版 ## 重要更新 * 新增 umi block 命令和[区块市场](https://github.com/umijs/umi-blocks) * 升级 babel、webpack 等依赖到最新，并锁定版本，[#1695](https://github.com/umijs/umi/pull/1695)，[#1602](https://github.com/umijs/umi/pull/1602)，[#1543](https://github.com/umijs/umi/pull/1543) * 新增 [umi-request](https://github.com/umijs/umi-request) 请求库 * 支持在 page 目录下通过 `_mock.js` 声明 mock，通过 locales 组织多语言，便于把 mock、国际化、model、service、compoent 和路由组织到一起，[#1503](https://github.com/umijs/umi/pull/1503)，[#1513](https://github.com/umijs/umi/pull/1513)...