UmiJS

Umi是可扩展的企业级前端应用框架。

链接：https://umijs.org/zh-CN/docs

Promise的执行顺序会涉及到JavaScript的事件循环。

找到一张图，来理解：

在函数组合时，如果有异步操作，那么ramda中compose应该怎么写呢？

在写空间查询例子的时候，就遇到了这个问题，其中doQuery方法是一个异步函数。

解决方法是一个andThen函数。

Promise是一个异步编程的解决方案。

之前的方案是回调函数的方式。优点是指定回调函数的位置更灵活，和解决了回调地狱问题。

规范是Promise A+。

下面手写实现一遍Promise便于理解。

对象属性的增删改查

背景

接口返回的是geojson格式，但是使用GeojsonLayer加载的时候，高亮的坐标有问题。排查发现，是接口返回的坐标全是string类型。

所以要写一个方法，把string类型的坐标转换为double类型，其他的数据保持不变。

背景

前段时间发现了ramda这个函数式的JavaScript的库。一直没机会用。今天遇到个需求，刚好可以使用上。

要求是把后台接口返回的数据格式转化成与echart对接的数据格式，如图：

UI设计了一个空心矩形样式，所以这边找了段CSS代码来实现：

1
2
3
4
5
6
7

div {
  width: 80px;
  height: 80px;
  background-color: red;
  background-clip: content-box;
  border: 40px solid orange;
}

参数说明：

• background-color—控制圆心颜色.
• background-clip—规定背景的绘制区域.
• border— 控制外环大小和颜色.

遇到个问题，二维样式在三维下，显示异常：显示不全，样式随地图拖拽会闪烁、变化。如下图：

有时候加个border-left，可以有分割的效果。

但是直接设置，高度顶满之后，感觉不好看。

1
2
3

.navbar-right .navbar-temperature {
  border-left: 1px solid #FFF;
}