本技术日志,每周定期分享,欢迎关注、转发。

TC39 的一些新特性已经进入到了第 4 阶段

https://dev.to/hemanth/stage-4-features-5a26

Vue3 现在已进入候选发布阶段

V8 的 8.5 版本已处于 Beta 版

records 和 tuples 的提案已在 TC39 进入第 2 阶段

谷歌启用了在搜索中花了更多时间对移动优先索引上

MDN 15岁了

https://hacks.mozilla.org/2020/07/mdn-web-docs-15-years-young/

文章教程

Redux 官方基础教程

这是一套重新开发的 Redux 基础教程,以实用性为主,包括正确使用状态容器的最佳方式等。

https://redux.js.org/tutorials/essentials/part-1-overview-concepts

用现代 CSS Grid 解决常见布局问题

一篇简短精要的文章,讲述了 CSS 网格如何解决响应式布局的问题。并且,在不使用媒体查询断点的情况下,让页面适配屏幕尺寸。

https://vycke.dev/blog/css-layout-patterns/

CSS 绘制顺序

如果你对 z-index 仍然感到困惑,那么这篇关于“堆叠上下文”的文章可以帮你理清思路。

https://abandonedwig.info/blog/2020/07/03/css-painting-order.html

如何在没有 jQuery 的情况下使用 Bootstrap5

https://themesberg.com/blog/tutorial/bootstrap-5-tutorial

TypeScript 中的思维模式

https://leandrotk.github.io/tk/2020/07/a-mental-model-to-think-in-typescript/

工具资源

3D 图书封面的 CSS 生成器

一个有趣的在线工具,可以用你上传的图片,为你生成一本带封面的 3D 的图书。

https://3d-book-css.netlify.app/

styled-jsx

一个面向 JSX 的 CSS-in-JS 库。

https://github.com/vercel/styled-jsx

renature

面向 React 的,基于自然世界的物理动画库。

https://formidable.com/open-source/renature/

这里还有一些精美的示例:

https://formidable.com/open-source/renature/gallery/

Handsontable

像 Excel 一样的数据网格组件,可以单独纯 JavaScript 使用,也可以与 React、Vue 和 Angular 等框架集成。

https://handsontable.com/

内容来源

关注公众号,关注前端技术

赵不寒的网络日记