前端技术双周刊 2023-04-08:Chrome 支持 CSS 嵌套语法

本期前端技术双周刊关注Chrome 112版本,该版本开始支持CSS嵌套语法,进一步提升了CSS的原生能力。此外,React Labs分享了团队在React Server Components等方面的工作。开源项目推荐包括用于实时编辑React组件的react-live和爬虫库Crawlee。优质文章涵盖了现代CSS学习、React最佳实践和调试指南。同时,介绍了一些有趣的产品,如替代Spotlight的Raycast。
摘要由CSDN通过智能技术生成

项目地址olivewind/weekly

微信公众号依赖注入

发布时间:2023.04.08

本周内容:资讯x3、开源x8、文章x4、产品*3


行业资讯

Chrome 112 支持 CSS 嵌套语法

近期 Chrome 团队发布 112 版本的功能清单,其中最值得一提的是,从该版本开始支持 CSS 嵌套语法,随着原生 CSS 语法的不断强大,也许很快我们就可以丢弃 Less、Sass 等扩展工具。

// 112 版本之前
.nesting {
   
  color: hotpink;
}

.nesting > .is {
   
  color: rebeccapurple;
}

.nesting > .is > .awesome {
   
  color: deeppink;
}

// 112 版本开始
.nesting {
   
  color: hotpink;

  > .is {
   
    color: rebeccapurple;

    > .awesome {
   
      color: deeppink;
    }
  }
}

第 95 届 TC39 会议的更新

Stage 3:

  • 异步显式资源管理:解决软件开发中有关各种资源(内存、I/O 等)的生命周期和管理的常见模式
  • import attribute:Import Assertions 重新进入 Stage-3。在导入 es module 时支持选项,例如 JSON 模块
    import json from "./foo.json" with {
          type: "json" };
    
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值