前端笔记 2020.4.4 （图像、网页灰度处理，哀悼日可用。react多页应用开发）

灰度处理：

今天是全国哀悼日，几乎许多大型网站都将网站首页变成的灰白色，以此纪念今天。

看了一下某几个网站的处理方式是使用了css直接处理法：

html{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

直接在html标签中增加此样式即可，可将全网页变为灰白。

 

react多页应用：

使用github上的一个项目做脚手架。支持sass。

github地址：https://github.com/leinov/react-multi-page-app

git clone下来后，先npm install，然后npm run dev进行本地开发。

开发完后使用npm run build打包，使用npm start试运行