weekly-19.md

2024-19 期

Add:2024-05-10

Update:2024-05-10

前端消息

• React 中的 use() 是如何在内部工作的？

  介绍了 React 中的 use() 函数，它是一个 React Hook，用于读取 Promise 或上下文的值。

• CSS居中终极指南：如何将Div居中

  本文介绍了多种 CSS 居中元素的方法，包括使用 auto margins、Flexbox、CSS Grid 等。

• 现代 CSS 解决方案：accent-color 强调色

  CSS accent-color 支持使用几行简单的 CSS 为表单元素着色，是的，只需几行代码就可以将主题颜色应用到页面的表单输入。

技术解析

• 巧用 CSS/SVG 实现复杂线条光效动画

  简单而言，就是线条沿着不规则路径的行进动画，其中的线条动画可以理解为是特殊的光效。

• CSS 也能实现完美的文字轮播与图片轮播效果

  分享一个实际业务中能够用得上的动画技巧。巧用逐帧动画，配合补间动画实现一个无限循环的轮播效果。

• 前端代码如何混淆

  前端代码的混淆，可以更好的保护我们的代码不会被恶意的盗取，尤其是需要将代码交付给客户部署。

其他

• 互动游戏之我养的鸡要旅行

  互动游戏之我养的鸡要旅行，一个简单的互动游戏，通过点击屏幕上的鸡，让它们在屏幕上游走。