资讯
文章推荐
针对古茗小程序动效场景中，针对复杂动效可能我们采用 css3 的 animation 属性不好实现，需要通过 canvas 实现动效。有一种场景，在游戏或者动画中，运动的物体在变化的过程中，它们是有可能碰撞在一起的，这篇介绍了如何进行碰撞检测。
Controlling CSS Animations、Transitions with JavaScript
关于 js 控制 CSS 的基本思路，如何暂停 transition 以及在 animation 执行过程中获取当前keyframes的百分比，可以实现一些联动动画如进度条伸长过程中点亮碰到的节点。
- getComputedStyle有助于操作 CSS 过渡。
- transitionend当使用 JavaScript 操作 CSS 转换和动画时，它的相关事件非常有用。
- 可以通过获取 JavaScript 中的样式表来更改 CSS 动画的当前值，但可能会非常复杂。
- 在 JavaScript 中，CSS 过渡通常比 CSS 动画更容易使用。
- CSS 矩阵通常很难处理，尤其是对于初学者来说。
- 思考应该做什么并计划如何做对于动画编码至关重要。
23年6月，Figma 推出了围绕变量和变体的设计功能，使得设计组件和前端组件能做得到工程级别的一致性保证，从而有了 C2D 的设计软件基础。Semi 组件库是我认为当前页面开源产品中最合适前端和设计师的设计组件库方案。由此保证的 D2C 的技术方案也相当推荐。
上篇讲述了分布式的概念、分布式架构演进和分布式中的一些基本理论；文章里包含下篇，主要讲述分布式数据同步的相关算法，看完之后能够对分布式有个大致了解。
用户被动去感知版本的变化，以及如何拿到本地的版本和云端的版本号 ，将两个版本进行对比来引导用户强制更新为最新版本
10分钟阅读时间，快速了解防呆设计原则。 文章概要：
- 防呆是什么概念
- 10条防呆设计原则分别是什么
- 具体每一条防呆设计原则的工业设计介绍以及对于到web交互设计的具体实践方式
小茗推荐
最后
关注公众号「Goodme前端团队」，获取更多干货实践，欢迎交流分享。