GeoDaoyu

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

1
2
3
4
5
6
7

div {
  width: 100px;
  height: 100px;
  background-color: red;
  border-radius: 50%;
  border: 20px solid orange;
}

参数说明：

• background-color—控制圆心颜色.

• border-radius— 控制圆角.

• border— 控制圆环大小和颜色.

UI上，有时候加上半透明，会比较好看。

下面列两种常用的设置半透明。

设置div或者图片的半透明，可以使用下面的设置。

1

filter: alpha(Opacity=60);-moz-opacity: 0.6;opacity: 0.6;

在设置输入框的时候，发现上面的写法不太适合。推荐下面的写法。

1
2
3

background:transparent;
background-color: rgba(255,255,255,0.25);
color: #fff;

有时，文字很长，从展示的地方溢出，导致UI上看着很乱。

这时候，通过CSS控制文字的宽度，把溢出的文字处理为缩略号，保证了UI上的美观。

下面列两种CSS处理文字溢出的方式，分别针对单行文字和多行文字。

单行文字

1
2
3

overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

背景

在天地图官网服务可以看到，天地图提供了多种底图服务，分别有两种投影类型，CGCS2000和Web Mercator。

以前构建部署，都是手工操作。先在本机编译打包，然后拷贝到服务器上做部署。

频繁的构建部署，费时烦心，所以学习使用Jenkins来实现自动化。

Jenkins是开源CI&CD软件领导者， 提供超过1000个插件来支持构建、部署、自动化， 满足任何项目的需要。

官网的介绍和文档写的也很详尽了，下面我简单介绍下流程。

本文针对的是Windows。Linux的环境时，一般都是内网，无法通过Git拉取更新。

新冠疫情期间（2020.6.15-6.19），不小心得了风寒感冒，自己在家用捂汗的方法来治疗。

症状

扁桃体发炎，喉咙痛。

咳痰（白痰）和流涕。

恶寒，头痛。

实习的时候，需要临时写点后端代码，实现最基础的增删改查。

在已有的项目框架（Spring Boot）中，观察其他模块的实现，发现需要7个文件。

热心的同事还专门电话给我讲解spring的目录结构和层级关系。

整理记录一下，下次需要写的时候，就直接凑7文件了【狗头】。

ArcGIS JS API 在当前（4.15版本）提供有WebTileLayer、WMSLayer、WMTSLayer等图层类，但并没有提供加载WFS服务的图层类。所以使用FeatureLayer来实现加载。

WFS，Web Feature Service，网络要素服务

在项目中，有时需要处理XML的数据，如WFS服务。

XML、HTML、XHTML，这三者长得太像了，所以按照一样的操作处理即可。

XML，Extensible Markup Language，可扩展标记语言

不使用插件，通过CSS设置滚动条样式。

你可以使用以下伪元素选择器去修改各式webkit浏览器的滚动条样式：

• ::-webkit-scrollbar — 整个滚动条.
• ::-webkit-scrollbar-button — 滚动条上的按钮 (上下箭头).
• ::-webkit-scrollbar-thumb — 滚动条上的滚动滑块.
• ::-webkit-scrollbar-track — 滚动条轨道.
• ::-webkit-scrollbar-track-piece — 滚动条没有滑块的轨道部分.
• ::-webkit-scrollbar-corner — 当同时有垂直滚动条和水平滚动条时交汇的部分.
• ::-webkit-resizer — 某些元素的corner部分的部分样式(如:textarea的可拖动按钮).