西维

本文通过实现明日方舟游戏官网中的Logo粒子动画来学习如何更深层次的使用canvas，相信最后你也会喜欢上它😊。 canvasAPI数量精简，参数清晰，学习并不复杂，更多的是如何实践应用。

前文中我们使用 虚拟列表 优化了海量数据的显示，但实际情况并没有那么简单。不定高的列表元素该怎么获取真实高度？滚动时为什么会出现白屏闪烁？异步加载的数据要怎么处理？一次性请求大量数据是否合理？

IntersectionObserver使我们能够轻松获取获取元素的交叉状态，实现诸如懒加载、埋点监控、视差滚动等多种场景。 它性能良好，用法简洁。带来了极大的便利和用户体验，非常值得尝试。

React16新增特性 - Hook，让函数式组件也能使用 状态state 和其他react特性。 本文代码基于v18.3.1，内容精确到每一个变量，每一行代码，从源码学习 hooks 的工作机制。

demo模拟《我的世界》作为threejs实践，其中的功能（模型、灯光、阴影、后期渲染...）比较基础，基本都是由官方案例延伸而来，用于入门练习还是很合适的，总结的同时希望也能引起你学习的兴趣。

学习函数式编程的意义在于，让你意识到命令式编程和面向对象编程外还有一种全新的编程思想。 软件领域没有真正的银弹，合适的场景选择合适的思路，而不是 “手中只有一个锤子，看什么都像钉子”。

传统 HTTP 网络的传输存在安全问题： 窃听风险、篡改风险、冒充风险。 HTTPS - 超文本传输安全协议 就是用以解决上述安全问题的协议，HTTPS = HTTP + SSL/TLS。

mix-blend-mode 是CSS对混合模式的实现，它展现出了无与伦比的实用价值与艺术魅力，作为一个已经发展成熟的属性，在视觉表现与交互体验上效果显著，十分值得学习和使用。

为了用户打开的网页窗口之间能够互相感知，我们需要使用各种方式让同源、非同源的 窗口之间能够实时、高效的共享数据、互相通信。 本文，我们一起学习纯前端跨窗口通信的几种方式，了解它们的相关知识与应用