# 2019.05.28

[新闻] 微软与 Google 共同开设了一门量子算法课程,可以通过浏览器模拟的量子计算环境,学习量子算法:https://brilliant.org/courses/quantum-computing/ (opens new window)

[资源] 《设计模式看了又忘,忘了又看?》该作者一方面是为了学得更扎实,避免缺少思考的过程,没有把知识消化掉转化成自己的:https://mp.weixin.qq.com/s/WiPwb7AyVlxyr1_kYXt96w (opens new window)

[类库] Imagemin CLI 是一款图片压缩工具,以插件的形式,支持多格式的压缩;支持 Webpack (opens new window)Gulp (opens new window)https://github.com/imagemin/imagemin (opens new window)

[类库] style-components 是针对 React 写的一套 CSS in JS 框架,效果案例 (opens new window),里面大量的用到字符串模板:https://github.com/styled-components/styled-components (opens new window)

# 配图 - 微软与 Google 共同开设了一门量子算法课程

# 示例 - Imagemin CLI

$ imagemin images/* --out-dir=images

# 示例 - style-components

import React from 'react';

import styled from 'styled-components';

// Create a <Title> react component that renders an <h1> which is
// centered, palevioletred and sized at 1.5em
const Title = styled.h1`
  font-size: 1.5em;
  text-align: center;
  color: palevioletred;
`;

// Create a <Wrapper> react component that renders a <section> with
// some padding and a papayawhip background
const Wrapper = styled.section`
  padding: 4em;
  background: papayawhip;
`;

// Use them like any other React component – except they're styled!
<Wrapper>
  <Title>Hello World, this is my first styled component!</Title>
</Wrapper>

# 今日图 - 结局引起极度舒适

Last Updated: 5/28/2019, 11:18:26 AM