上周有啥好玩的 3/10

2022-05-01 18:57 | (license)

Article

  • 为什么说 ES2020 的可选链和模块动态导入特性改变了已有的生态规则？

    ECMAScript 标准一直在与时俱进，文中介绍了其中 ES2020 的两个特性，非常实用。

  • Web 页面全链路性能优化指南

    从多个维度来优化 Web 页面加载的性能优化，建议收藏~

  • Monorepo 的过去、现在、和未来

    如今 Monorepo 也不是个新概念了，看一下很多常用的组件库/工具库的源码，都能可能到它们是以 Monorepo 的形式管理。本文很简要地介绍了一下 Monorepo 在前端的历史。

  • CSS 国际化

    什么？国际化和 CSS 有关系吗？其实国际化不仅仅是将你网站上的内容翻译成多种语言，然后一劳永逸。这些内容的呈现方式存在各种细微差别，影响母语人士使用您网站的体验。

  • Four Eras of JavaScript Frameworks

    文章总结了前端 JS 框架的四个历史阶段，从 JQuery 到把 MVVM 带到前端的 Backbone.js 和 Angularjs ，又从以 React 为代表的视图层渲染框架再到如今 Nextjs 和 Nuxtjs 等遍地开花的全栈框架，前端的历史还在不断地演进。

  • Defensive CSS

    编写防御性 CSS 有助于减少可能出现的样式问题，文中列举了很多防御性 CSS 的小技巧，比如文本长度过长和锁定滚动条等这些细节问题。实际开发中很多时候都会因为没有考虑一些小细节而导致复工，这篇文章还是很有用的。

  • How to ask questions as a new engineer

    提问也有提问的艺术，文中列举了三个小技巧，帮助你更有效地提出想问的问题。

  • How to write better as a developer

    作为开发者，沟通同步和表达的能力也是很重要的，文章介绍了如何更好地去润色文章，提高写作水平。

  • Python in the Browser

    在浏览器里可以运行 Python 了？！如今在 WebAssembly 的帮助下，浏览器能借用 C/C++/Rust 等其他语言运行一些大型的高性能应用，比如 Figma 。浏览器的下一步会往哪个方向进化呢，一起期待一下。

Found

  • State of frontend 2022

    类似 State of JS 的一个前端调查，不过调查样本还是有点局限，看看了解一下就好。

  • Can I Email

    类似 Can I Use 的网站，只不过是查询相应的 HTML 和 CSS 特性在某些邮件客户端是否兼容。

  • Component party

    一个横向对比多个 JS 框架语法和特性的网站，非常适合已经有一门框架使用经验再转去学习其他框架的开发者。

  • TypeScript Error Translator

    TypeScript 错误人话翻译器~ 有时候看到 TS 报的错误是否有“每个字都懂，但是合在一起就不知道啥意思”的感觉呢，有位开发者就将这个需求做出来了，根据 TS 错误信息，会得到一个相对容易理解一点的解释（英语）。

  • Infinite Mac

    在 1995 年里，可以用 Mac 来干嘛？可以在这网站里体验一下。

  • GT-Planar

    一个字体宣传网站，太酷炫了！到底是为了卖字体才做个网站宣传还是喜欢做网站才顺便做些字体来卖呢？

  • Material Symbols

    Google 最近更新了一波由可变字体实现的图标库。（可变字体太好玩了）

  • Google I/O 2022

    今年 Google I/O 大会的官网（Google 也用上 Tailwind 了）

Tool

  • uiball-loaders

    一个轻量级的加载器 React 组件库，包含了很多精美的 “正在加载” 的动效组件，可以看看源码学习一下怎么写的。

  • screenity

    一款 Chrome 浏览器插件，可以在浏览器中录制屏幕以及注释。

  • Feishu To Markdown

    一款 Chrome 浏览器插件，可以将飞书云文档导出为 Markdown 格式，还是 WIP 阶段。（不过简单的语法也够用了）

  • Lerna

    曾经红极一时的一个 Monorepo 管理工具，在去年六月份就停止更新了，近日正式宣布了项目由于缺少常驻的维护人员而不再维护了。