2021.04.19 今天是每日时报陪伴您的第 542 天

[文章] Chrome 90 发布：https://developer.chrome.com/blog/new-in-chrome-90/ (opens new window)

新技术 Shadow DOM、CSS 容器查询

[文章] 新时代布局中一些有意思的特性：https://github.com/chokcoco/iCSS/issues/111 (opens new window)

flex 布局中的 gap 属性；控制容器宽高比属性 aspect-ratio；firefox 下的 CSS Grid 瀑布流布局（grid-template-rows: masonry）；CSS 容器查询（Container Queries）

[文章] MDH(make developer happier) 云谦 发起的前端咨询项目：https://fe-cool.github.io/news/ (opens new window)

[文章] vue 历届项目的代号：https://github.com/egoist/always-bet-on-vue (opens new window)

vue 3.0 是 one-piece，其实每个 vue 的 minor 和 major 版本都有一个对应的动画的代号名称

[工具] vite-plugin-vue-gql 可以在 vue 文件编写 graphql：https://github.com/wheatjs/vite-plugin-vue-gql (opens new window)

<script setup lang="ts">
import { useQuery } from "vql";

const { data } = useQuery();
</script>

<template>
  <h1>{{ data.hello }}</h1>
</template>

<gql>
{
  hello
}
</gql>