用JS来动态设置CSS样式

1
2
3
4
5
6
7
8
9
10
11
12
13
14

function addNewStyle(newStyle) {
  const styleElement = document.getElementById('JS_style');

  if (!styleElement) {
    styleElement = document.createElement('style');
    styleElement.type = 'text/css';
    styleElement.id = 'JS_style';
    document.getElementsByTagName('head')[0].appendChild(styleElement);
  }
  
  styleElement.appendChild(document.createTextNode(newStyle));
}

addNewStyle(`.box { background-color: 'red' }`);

实现 ECharts Y轴文本过长，设置超出隐藏，然后显示省略号，并且鼠标悬浮上之后显示全部

文章原链接: echarts柱状图实现横向拖动展示数据

需求

在图表加载的时候，默认只显示部分图例，只要图例显示部分，对应的柱状图图或者折线图也只显示对应的。点击一个按钮显示剩余的图例，或者点击置灰的图例让恢复显示。

这里记录下如何用 ECharts 实现双向坐标轴，地址:双向坐标轴排名

项目中有个横柱图，需要用一个 dataZoom 去控制多轴数据范围，根据 官方文档 查询到解决方案，在此记录下。

本地生成 rsa

终端输入：

1
2
3

ssh-keygen -t rsa
# 输入文件路径+文件名
/Users/yangliang/.ssh/github_lance_rsa # 默认不输入 路径+文件名就是: ~/.ssh/id_rsa

新买的 Mac 安装 SourceTree 后并授权了 GitHub ，远端中也显示了我 GitHub 的所有 Repo，但是就是无法克隆下来。最后通过 SourceTree 偏好设置中的 Git 设置好了：

我们经常看到，在 package.json 中各种依赖的不同写法：

1
2
3
4
5
6
7

"dependencies": {
  "signale": "1.4.0",
  "figlet": "*",
  "react": "16.x",
  "table": "~5.4.6",
  "yargs": "^14.0.0"
}

前面三个很容易理解：

npm 包中的模块版本都需要遵循 SemVer 规范——由 Github 起草的一个具有指导意义的，统一的版本号表示规则。实际上就是 Semantic Version（语义化版本）的缩写。

SemVer规范官网：https://semver.org/