她好记仇啊，之前吸尘器的声音吓到她了现在看到吸尘器就试探的上去邦邦的呼俩巴掌（结尾咱的猥琐笑声）
#傻猫

#前端 #css #demo #codepen
Shattering Images by Szenia Zadvornykh

一个独特的图片破碎效果，是需求时调研发现的。

技术分析：
- 使用Delaunay三角剖分算法将图片分割成若干个三角形片段
- 每个三角形创建一个Fragment对象。
- 每个Fragment对象包含一个小的canvas元素，该元素只绘制对应的三角形片段。
- 通过对每个Fragment的canvas应用动画效果，实现整个图片的破碎效果。
- 动画效果使用gsap库（TweenMax和TimelineMax）来实现

#资源推荐 #tools #视频工具
无意间找到的一个简洁好用的视频帧提取网站： 视频帧截图在线工具

配合 Youtube Downloader 下载 youtube 视频

#碎碎念 #猫
把猫猫图片跟视频放新频道了 @cosine_cat 分个流嘿嘿嘿
喜欢小腊八喜欢看猫片的可以关注然后免打扰喵

#前端 #css #demo #codepen
Animating text using Typed JS by Allistair Lee

「Simple text typewriter animation using Typed JS by Matt Boldt.」

打字机效果，博客可参考

#优质博文 #前端 #typescript
一点小小的类型安全震撼

AI摘要：这篇文章介绍了在 TypeScript 中提高类型安全性的方法，特别是通过自定义类型守卫函数来精确过滤数据类型。作者通过实例展示了如何使用 is 关键字和类型守卫来改进类型推断，进而减少代码冗余和提升类型准确性。文章还探讨了类型守卫的高级用法，包括如何利用 unique symbol 和异常处理来创建更灵活的类型守卫函数，以及如何通过控制流分析从函数体中推断类型谓词。最后，感谢《TypeScript Effective》的作者 danvk 提供的 PR 灵感，并提供了一些有用的TypeScript资源链接。

via YiJie

juejin.cn

一点小小的类型安全震撼 - 掘金

经常写 TypeScript 的都知道，写类型容易，让类型安全难。 在学习 TypeScript 的过程中你可能就见到过 is 这个特殊的语法了，在这里就不对他进行过多的介绍了，我们主要来讲讲一些问题

#前端 #tools #css #资源推荐
scrollbar.app：一站式浏览器滚动条自定义工具

摘要: scrollbar.app 提供了一个直观的界面，允许开发者实时测试和调整浏览器滚动条的样式。通过这个工具，用户可以轻松地修改滚动条的外观，并直接从界面复制所需的 CSS 代码。该工具覆盖了使用特定于供应商的伪元素以及面向未来的 scrollbar-color 属性，使其成为处理浏览器滚动条样式的理想选择。

via 群里看到的

scrollbar.app

Simple CSS scrollbar editor.

#阮一峰的科技周刊 #前端 #优质博文 #资源推荐 #tools
科技爱好者周刊（第 290 期）：苹果头盔的最大问题

1. Web 终极拦截技巧（中文） 📓 本文介绍 Web 平台常见的拦截 HTTP 通信的方法，以及如何注入拦截代码。
2. 剖析 SSL 证书（英文） 📓 本文通俗地介绍，如何查看 HTTPS 证书的内容，以及证书各部分的简单含义。
3. 响应式视频播放器的 Web 组件（英文） 📓 一篇详细的教程，通过一个响应式视频播放器，教你怎么写 Web 组件（Web Components）。
4. 如何构建一个窃取一切的 Chrome 插件（英文） 📓 作者提醒大家注意，浏览器插件可以读取用户的所有信息，发到远程服务器，因此不要随便安装。她还提供了一个演示。如何无需用户察觉即可捕获包括浏览历史、屏幕截图、Cookies、键盘记录和地理位置在内的各种数据，
「Did you really scrutinize their permissions?」
5. Base32 编码解释（英文） 📓 本文详细解释 Base64、Base32、Base8 等等是如何编码实现的。 【挺有意思的】
6. 开发者需要知道 GPU 知识（英文） 📓 AI 大量使用 GPU 运算，本文介绍开发者需要知道的 GPU 知识。前半部分是概念，后半部分是 GPU 编程，可以只看前半部分。
7. TCPView 🧰 微软的官方工具，用来查看 Windows 系统所有 TCP 和 UDP 连接的详细信息。
8. FontMagic 🧰 字体工具软件，可以将字体文件的某个字形导出为 SVG 格式，还可以转化字体格式，支持 macOS 和 Windows。（@leibnizli 投稿）
9. uv 🧰 Rust 语言写的 Python 包管理器，速度非常快，可以替代 pip 和pip-tools。 #python #后端 #rust
10. Keep Screen On 🧰 打开这个网页，就可以让电脑屏幕保持常亮，对 PC、Mac、Android、iOS 均有效。 #趣站
11. background-erase.xyz 🧰 去除图片背景的免费网站，使用最新的删除图片背景的 AI 模型 RMBG-v1.4，所有计算都在本地完成，不用上传图片。（@janily 投稿）
12. browserscan.net 🧰 该网站检测浏览器指纹、IP 地址、WebRTC 泄露，DNS 泄露等信息。（@BrowserScan 投稿） 【有意思】
13. Localtunnel 🧰 一个 npm 软件包，为你的本地服务分配一个公网的 URL，使得公网可以访问这个本地服务。
14. SirTunnel 🧰 一个开源软件，只需要50行代码，就能建立一条隧道，将你的内网电脑可以被公网访问，这里有一篇教程。
「从本质上讲，它编写了 Caddy 的 API 脚本来动态添加和删除隧道。当您通过 SSH 连接到服务器时，您会调用该脚本，并且在 SSH 连接期间，服务器域的子域会通过 SSH 链接转发流量。」
【有无群友测评一下】

hughfenghen.github.io

Web 终极拦截技巧（全是骚操作） | 风痕 · 術&思

拦截的价值

> 计算机科学领域的任何问题都可以通过增加一个中间层来解决。 —— Butler Lampson

如果系统的控制权、代码完全被掌控，很容易添加中间层；
现实情况我们往往无法控制系统的所有环节，所以需要使用一些 “非常规”（拦截） 手段来增加中间层。

拦截的方法

拦截/覆写 浏览器 API

最常见的场景有通过拦截 console ...