第04期 - 东海音乐节

摄于去年东海音乐节,在海边听着摇滚吹着风挥着手,感觉超爽,喜欢音乐的潮流前端可以开拓一个追音乐节的习惯

记录每周看到的前端潮流技术,筛选后发布于此,关注让你更潮流~

好文和学习

  • 使用 CSS 对图片遮罩:本文介绍了 CSS 的实验特性mask-image的使用,包括了如何实现图片遮罩、SVG 屏蔽、渐变遮罩的效果,还有一篇张鑫旭的旧文也可一读

  • 一种新的图片格式 AVIF:派生自AV1 视频的关键帧,目前 chrome85 已经支持,Android 很快会被支持,对于可接受质量的图片,有个例子对比 WebP(43k)大小是 JPEG(74k)的一半,而 AVIF(18K)大小居然不到 WebP 的一半,文章从多个方面进行介绍,值得一读

  • 双屏和折叠屏一些 Web API 介绍:微软 Edge 团队写的,介绍了两个 Chromium 实验特性,一个 CSS 媒体查询 screen-spanning 和一组环境变量来描述折叠屏的几何关系,一个 JS getWindowSegments 窗口枚举 API 用于检测非 DOM 场景

  • 论某德阳神秘乱码:知乎专栏里面一篇很有趣的文章,德阳市发布的《致德阳市民的一封信》全部是整齐“乱码”文,很神奇的操作最后给转回去了,也可借此了解一下 中文编码

  • 在 Canvas 里模拟物体碰撞: 从 0 到 1 学习 Canvas 能力,原文可见,文章是讲如何在 canvas 里模拟物体碰撞,超级易上手带你一步一步来实现一群粒子碰撞的效果

  • 机器学习基石课程笔记:本系列是台湾大学资讯工程系林軒田(Hsuan-Tien Lin)教授开设的《机器学习基石》课程的梳理,从机器什么时候为什么怎么学习怎么学习更好4 个部分来讲述

  • 中国大周期及其货币:桥水基金创始人达利欧的一篇最新长文,剖析了中国的历史更替脉络,以及中国人的思维方式、运作方式,并着重分析了从 1949 年到现在的中国崛起之路,可深入一读

开源和工具

iOS 和多端

设计和灵感