动态

React18不远啦

在 React 前不久的一次 PR #21488 中，核心成员「 Brian Vaughn 」对 React 内一些 API、以及内部 flag 作出调整。
其中最引人注目的改动是：React 入口增加 createRoot API…
mp.weixin.qq.com/s?__biz=Mzk…

Vuex 5

Vuex 4发布一段时间了，Vue核心团队成员「 Kia King Ishii 」在 GitHub 放出的一个关于 Vuex 5 RFC的讨论贴，可以看看
github.com/vuejs/rfcs/…

RxJS 7 is released

Rxjs 7 其实发布了有一段时间了，这个库是我个人挺喜欢的一个库，不了解的同学可以了解下，下面的链接介绍了7这个版本的一些新特性
medium.com/volosoft/wh…

Chrome支持import JSON module

相比之前只能通过fetch的方式引入JSON，现在支持直接import，不过还是那句话，国内还需要一段时间
www.chromestatus.com/feature/574…

苹果宣布将于秋季发布Safari 15

将会支持 HTML attribute autocomplete=one-time-code (2FA), CSS aspect-ratio, lab(), lch(), hwb() color syntaxes, theme-color meta tag supoport, and in JavaScript top level await, ES6 Modules in Service Workers and Workers, Error.cause. 除此之外还有很多隐私和安全方面的增强和改进
developer.apple.com/documentati…

ECMAScript 新的提案

提案包括 chain errors，这篇文章解答了这个提案是什么？以及为什么我们需要这个提案
2ality.com/2021/06/err…

阅读

在 CSS3 flex 布局中, 为什么没有 justify-self 和 justify-items 属性?

在 CSS3 flex 布局中, 为什么没有 justify-self 和 justify-items 属性?通过链接的这个解答，我们可以了解到原因
stackoverflow.com/questions/3…

JavaScript 复杂判断的更优雅写法

我们编写 js 代码时经常遇到复杂逻辑判断的情况，通常大家可以用 if/else 或者 switch 来实现多个条件判断，但这样会有个问题，随着逻辑复杂度的增加，代码中的 if/else/switch 会变得越来越臃肿
juejin.cn/post/684490…

拥抱 Vue3 系列之 JSX 语法

在过去的一年中，Vue 团队一直都在开发 Vue.js 的下一个主要版本，就在 6 月底，尤大更新同步了 Vue 3 及其周边生态的状态
juejin.cn/post/684668…

Vue Router 10 条高级技巧

这篇文章是作者在使用vue-router过程中的使用总结，可以看看，很实用
segmentfault.com/a/119000003…

Vue 组件数据通信方案总结

无论是使用React，还是Vue的同学，相信都会遇到组件之间传递数据、状态的问题，这篇文章介绍的几种通信方案
juejin.cn/post/684490…

图片加载失败后 CSS 样式处理最佳实践

img 标签如果因为网络或者跨域限制等原因无法正常加载，在默认情况下会显示浏览器默认的“裂开”的图片效果，张鑫旭大神这篇文章介绍怎么解决这个问题
www.zhangxinxu.com/wordpress/2…

介绍一种全新的 clipPath Sprites 小图标技术

目前流行的 SVG 小图标技术是 SVG Sprites 技术
www.zhangxinxu.com/wordpress/2…

埋点自动收集方案

埋点是一个我们日常开发过程中经常碰到的一个场景，转转团队在实践过程中的一些总结，很多干货
juejin.cn/post/689339…

大型前端项目的断点调试共享化和复用化实践

随着我们项目越来越大，我们有可能需要维护很多的模块，我们腾讯文档 Excel 项目大模块有 10 几个，而每个大模块分别有 N 个小模块，每个大模块下的小模块都有主要的负责人在跟进模块问题
cloud.tencent.com/developer/a…

资源

10个你很可能没有用过的vscode插件

我们经常使用的vscode插件，诸如：Live Server, Git Lens, Auto-Close Tag, Better Comments, 不做标题党，看看这里介绍的10个插件你有没有用过
betterprogramming.pub/10-fun-vs-c…

number-precision

在JavaScript里面，我们在执行一些譬如 +、-等操作的时候，总是会头疼精度的问题，这个库可以很好地解决这些问题
github.com/nefe/number…

keymaster.js

这个库可以帮助我们在web应用中定义并触发快捷键，库本身挺小
github.com/madrobby/ke…

bueno

一个轻量级的校验库，拥有众多校验断言简写
github.com/philipnilss…

hoppscotch

一个开源的 Postman 替代品，调试 HTTP 请求的在线工具
github.com/hoppscotch/…

adultswim

一个可以拖拽发出奇怪声音的网站，挺好玩
www.adultswim.com/etcetera/ch…

sharkle

点击网页上的按钮，它会随机打开一个有趣的网站
sharkle.com/

世界（看看就好）

美国出现的一款“自动合影机”，可以挑选自己喜欢的体育明星来合影

www.youtube.com/watch?v=IK_…

美国情报机构周五公布了期待已久的一份报告，报告内容涉及过去几十年来人们看到的一系列神秘飞行物在受限的军事空域中移动的情况。

图片[1]-XLab周刊 – 第1期-一一网

edition.cnn.com/2021/06/25/…

科学家发现了新的人类物种 – “龙人”

中国研究人员发现了一个可能属于人类一个全新物种的古老头骨，研究小组声称，在尼安德特人和直立人等已知的远古人类物种中，它是我们进化上最接近的亲戚
这个绰号“龙人”的标本代表了至少14.6万年前生活在东亚的一个人类群体。
它于1933年在中国东北部的哈尔滨被发现，但直到最近才引起科学家的注意。
对头骨的分析已发表在《创新》杂志上

finance.sina.com.cn/tech/2021-0…