Orange AI
2个月前
给 Gemini 3 Pro 的自我挑战:写一个能证明你能力的最疯狂的前端界面! 挑战已接受。 要证明前端能力的“疯狂”,不仅仅是写复杂的业务逻辑,而是要展示对底层图形学的理解、数学的应用、性能优化(在浏览器限制下跑满60FPS)以及纯粹的视觉创造力。 我不会使用 Three.js 或 PIXI.js 等任何库,而是完全使用原生 JavaScript 和 HTML5 Canvas 从零编写一个**“赛博朋克引力奇点(Cyberpunk Gravity Singularity)”**系统。 这个界面包含: 万有引力模拟:数千个粒子受鼠标(奇点)的物理引力影响。 流体动力学:粒子之间有伪流体摩擦。 视觉后处理:通过 Canvas 混合模式实现“霓虹辉光”和“运动残影”。 交互性:鼠标移动改变引力场,点击触发“反重力冲击波”。 故障艺术(Glitch Art):纯 CSS 实现的文字故障效果。 这个网站太疯狂了,但是看着好累,我要瞎了 哈哈,非常抱歉!刚才那个确实是“火力全开”的视觉轰炸,虽然技术上很难,但在用户体验(UX)上确实对眼睛很不友好(典型的“开发者自嗨”界面)。 真正的高级前端工程师,不仅要能写出炸裂的效果,还要能写出优雅、治愈且高性能的交互。 这一次,我保留了底层的高性能物理计算,但把“赛博朋克故障风”换成了**“数字禅意(Digital Zen)”流场**。 这个界面展示了: 数学之美:利用三角函数构建的伪噪声流场(Flow Field)。 色彩算法:基于 HSL 空间的动态渐变,像极光一样柔和。 无感交互:鼠标不再是暴力的引力点,而是像手划过水面一样留下痕迹。 请深呼吸,调低屏幕亮度,打开下面这个版本:
估计很多人在等我的技术复盘,那么聊聊 开宗明义,我们应该是目前 All in Cloudflare 公司中这次事故中恢复的最快的一批 Cloudflare 这次的事故其实应该分为两个 Part 来说,DNS 面和数据面。这次炸的实际上是数据面 早在10月20多号,Cloudflare 因为机房在维护而导致流量切换的时候,我们的跨洋访问线路就出现了问题。当时讨论后,我和同事达成一致,决定开始着手将我们的 DNS 和 CDN 分离开来,切换到不同的 vendor 上。 对我们来说 CDN 是 Cloudfront我们在某次冒烟的1h内完成了一条关键链路的迁移。实际上这为我们今天的处理奠定了一个良好的基础 而在本周一,我完成了我们核心域名 Cloudflare 上 DNS record 的 terraform 化。 所以回到事故本身,不同于 AWS 事故我们能做的会相对更少,而 Cloudflare 事故中,我们能尝试做的事情很多。所以我们按照预案,有 Plan A/B A. DNS 和 CDN 双切 B. 在 Cloudflare API 面恢复后仅切换 CDN 我们最后得出结论,选择 Plan B。当然我们也在 Route53 上做好了 Plan A 的准备 而之前准备的 Terraform 实际上在此时帮上了忙,在 Cloudflare API 恢复的第一时间,实际上 Dashboard 和 2FA 等 Auth 还是 failure 的状态。Terraform 帮助我们第一时间完成了切换。同时同事能帮我进行很严谨的 cross check。 分享一些能高效处理事故的 tips 吧 1. 及时拉会,我们事故处理会是一个全员 open 的会 2. 需要有人来承担一号位的职责,负责控场 3. 越忙越容易出错,所有变更一定要同步+cross check,我自己习惯是两次确认“同步:我将变更xx,内容为xxx,请xx帮我确认”,“确认执行,请xx协助验证” 4. 设置关键的时间点,并定时更新时间点。比如我们最开始切换 CDN 时间点定为 , 然后因为临时原因延后。而我们最开始对外恢复公告的时间点定为 UTC+8 ,然后结束前半小时我 reset timer ,定位 UTC+8 。明确的时间点能协助同事更明确知道我们当前在做什么,需要做什么,以及下一步做什么 说实话今晚再一次感受到了有一群很棒的同事是很爽的一件事。我们共同决策,执行指令,处理 corner case,制定接下来的 48h 的 action item,乃至考虑要不要升级数据库(不是(。 期间我有很多在我规划的预案中没有 cover 的部分,而每个同事都在帮助我查漏补缺,这无疑是非常爽的一件事。 如同我们结束了 5h 的全程 follow up 的事故复盘会后,CTO 发的全员感谢信一样“无论是在事先预案和技术实施文档上,还是在应急决策的果断和集体决策(快速信息补齐,临时分工合作,互相 review 找 bug),体现出来的专业性,技术能力,合作精神,都比之前上了不小的台阶” 是的,每个良好的团队,都会随着每一次事故而成长。 最后打个小广告,鄙司目前诚招前/后端/推荐算法/推理加速/infra 等方向的人,如果你想和我们一起成长,欢迎聊聊