小蜜蜂前端周刊

# 小蜜蜂前端周刊第三期

# 新鲜事

# Web长列表的救星？谷歌推出Virtual Scroller (opens new window)

  • 推荐理由: 在刚刚结束的 Chrome dev summit 2018 上，谷歌工程经理 Gray Norton 向我们介绍 virtual-scroller，一个 Web 滚动组件，未来它可能会成为 Web 高层级 API（Layered API）的一部分。它的目标是解决长列表的性能问题，消除离屏渲染。该项目处于研发中，你可以在 GitHub 查看它的开发者预览版本。
  • 推荐人: 葛盼

# HTTP/3 (opens new window)

  • 推荐理由: HTTP/3 来啦，你还在等什么？赶紧了解一下
  • 推荐人: 葛盼

# 2018 年 JavaScript 生态圈调查报告出炉！ (opens new window)

  • 推荐理由: 文章末尾有英文原版链接 (opens new window)。文章很短，自己阅读。有意思的是实用程序库中前8名中竟然有3个是关于时间的。
  • 推荐人: 李长伟

# 第二届 VUE Conf (opens new window)

  • 推荐理由: 围观下 VUE 的最新实践成果。
  • 推荐人: 葛盼

# CSS

# 你所不知道的 CSS 阴影技巧与细节 (opens new window)

  • 推荐理由: 众多logo中，抖音的logo相对较炫，你会想到什么方式实现呢？这篇文章讲诉了一些CSS阴影的运用，同时给出了以一个元素画出抖音logo的方式。
  • 推荐人: 祝传磊

# CSS 与网络性能 (opens new window)

  • 推荐理由: CSS 是页面渲染的关键因素之一，（当页面存在外链 CSS 时，）浏览器会等待全部的 CSS 下载及解析完成后再渲染页面。关键路径上的任何延迟都会影响首屏时间，因而我们需要尽快地将 CSS 传输到用户的设备，否则，（在页面渲染之前，）用户只能看到一个空白的屏幕。那么，最大的问题是什么？有什么好的解决办法？这篇文章会有着详细的介绍。
  • 推荐人: 曹菁

# 精读《使用 CSS 属性选择器》 (opens new window)

  • 推荐理由: 虽然现在 Css Module 与 Css-in-js 更流行，但使用它们会导致过分依赖滥用 class 做唯一定位，违背了 Css 选择器的初衷。本期精读的文章是：attribute-selectors-splicing-html-dna-css，带你重新理解强大的 Css 选择器。
  • 推荐人: 葛盼

# JS

# 需要知道的window.name (opens new window)

  • 推荐理由: 在控制台输入name属性时，发现无论怎么赋值，显示name类型为 string,因此进行的一个小知识总结。
  • 推荐人: 徐梦婷

# 见微知著，Google Photos Web UI 完善之旅 (opens new window)

  • 推荐理由: Google Photos 做出了完美的布局方案，支持全屏自适应、保证原图比例、交互便捷（比如用户可以跳转到指定的位置）、既展现海量图片又保证页面的高性能和高速加载。我们来一起看看 Google Photos 是如何做到的。
  • 推荐人: 葛盼

# Web workers vs Service workers vs Worklets (opens new window)

  • 推荐理由: Web worker，service worker 和 worklet 都是在单独的线程上运行的脚本。那么这三个的区别又在哪呢？
  • 推荐人: 葛盼
最后更新: 2021/12/10 上午10:52:50