每周分享(第 102期)

130 阅读3分钟

前端技术未来三年前瞻性思考 习惯从业务场景、用户体验、研发速度、维护成本四个维度来看框架等前端技术,大部分的技术点都能找到合适的位置,解的问题是如何快速上线和维护满足业务的好用的产品。

Chrome 86 新功能解读 在之前,我们可以使用<input type="file">元素去磁盘读取文件,如果要保存更改,需要给<a>标签增加一个download属性,它会打开文件选择器,然后保存文件,但是我们没有办法写回刚刚保存的那个文件,这个流程复杂又繁琐。

现在,使用文件系统访问 API,你可以调用 showOpenFilePicker(),会显示一个文件选择器,然后返回一个文件 picker,你可以用这个 picker 读取文件。

Serverless 未来十年发展解读(上) 权威指南:Serverless 未来十年发展解读(下) 本次演讲主要分为四个部分:首先阐述 UC Berkeley 怎样来定义 Serverless ,之后会分享一些近期的研究成果和进展,最后提出对云计算未来的一些预测和设想。

水波图实现原理 用canvas画奇奇怪状的东西,有点意思。

从编译过程,理解 Vue3 静态节点提升过程 静态节点提升是「Vue3」针对 VNode 更新过程性能问题而提出的一个优化点。众所周知,在大型应用场景下,「Vue2.x」的 patchVNode 过程,即 diff 过程是非常缓慢的,这是一个十分令人头疼的问题。

虽然,对于面试常问的 diff 过程在一定程度上是减少了对 DOM 的直接操作。但是,这个减少是有一定成本的。因为,如果是复杂应用,那么就会存在父子关系非常复杂的 VNode,而这也就是 diff 的痛点,它会不断地递归调用 patchVNode,不断堆叠而成的几毫秒,最终就会造成 VNode 更新缓慢。

也因此,这也是为什么我们所看到的大型应用诸如阿里云之类的采用的是基于「React」的技术栈的原因之一。所以,「Vue3」也是痛改前非,重写了整个 Compiler 过程,提出了静态提升、靶向更新等优化点,来提高 patchVNode 过程。

那么,回到今天的正题,我们从源码角度看看在整个编译过程「Vue3」静态节点提升究竟是何许人也?

一文了解文件上传全过程(1.8w字深度解析,进阶必备)

一篇详细的介绍文件上传流程的文章,从前置知识、请求端、服务端、接收端一层一层来带着入学的感觉Bubble Tea:一个强大轻量的 TUI 框架 Bubble Tea 一个基于 Elm 架构的 Go 框架,借此可用有趣、函数式、带状态的方式去编写命令行 APP,效果很不错,虽然是 GO 语言,不过可触类旁通研究一波

很炫酷的 3D 可视化的星空 一个可交互式的三维可视化恒星邻居,包括超过 10 万颗附近的恒星,点击 URL 进入很是不错

Blush:插图定制生成工具 这个工具不错的是可以自定义插图的每一部分来创建自己的构图,同时种类也很多,对于前端同学写一些图文搭配 PPT 蛮适合