WebContainers

允许在浏览器运行 Node.js 的在线编辑器

和你本地运行有什么区别?

  • 更快
  • 方便调试
  • 默认是安全的(在浏览器内运行,浏览器的安保能力)

position:sticky 的用法

随着滚动条滚动,一直在屏幕内,和 fixed 布局不同的是, 它一开始是可以随着滚动条滚动的,直到高度触到屏幕底端

image.png
image.png

踩坑:如果 position:sticky 的父元素是 disply:flex,它会失效

Array.reduce 函数

对数组循环进行某个函数,且上一个元素函数返回值可以传入下一个元素

array.reduce(function(total, currentValue, currentIndex, arr), initialValue)

2021 前端新变化

Server Component