0%

用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' }`);

需求

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

阅读全文 »

我们经常看到,在 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/

阅读全文 »