奇趣周刊 - 第 54 期

💡 原文中文,约1100字,阅读约需3分钟。
📝

内容提要

一个纯前端实现的可交互3D动画效果,可调节光影参数。谷歌商店禁用了chrome手势扩展smartup,但可通过GitHub下载。插件WhoUsesCookies可检测并关闭浏览器扩展的权限。VSCode插件Tailwind Fold可折叠过长的Tailwind类名,提高代码可读性。网站Time.is显示所有时区的精确时间。

🔎

延伸解读

浏览器扩展权限风险与自查

近期 Chrome 扩展商店下架了一批插件,可能与 Manifest V2 支持逐步减少有关。V3 对权限限制更严格,尤其获取 Cookie 的权限风险最高。WhoUsesCookies 插件可帮助用户检测已安装扩展使用了哪些权限,并支持随时关闭,方便自查和管控隐私风险。

smartup 被禁用的应对方式

手势扩展 smartup 于 6 月 3 日被谷歌扩展商店禁用,原因不明,其 GitHub 仓库早在 2024 年 3 月已归档。用户已无法从商店下载,但可以 fork 源码到本地,自行打包安装使用。这提醒我们,依赖商店分发的工具可能因政策变动突然不可用。

前端 3D 与视差效果的工具选择

周刊介绍了两个前端 3D 相关项目:my-room-in-3d 是纯前端实现的 3D 场景,支持简单交互和光影参数调节;Atropos 是轻量级开源 JavaScript 库,用于创建触摸友好的 3D 视差悬停效果,并提供 JavaScript、React、Vue 组件。开发者可根据需求选择。

开发效率与信息获取工具

Tailwind Fold 是 VSCode 插件,可折叠过长的 Tailwind 类名,提高代码可读性。Time.is 网站以 57 种语言显示所有时区的精确原子钟时间,覆盖超过 7,000,000 个地区。V2EX 的 vxna 栏目已从灰度转为正式上线,用于聚合优质博客、播客和期刊。

❓

Q&A

如何实现可交互的3D动画效果?

可以使用纯前端技术实现可交互的3D动画效果,并通过面板手动调节光影参数。

smartup扩展为何被谷歌商店禁用?

smartup扩展在谷歌商店被禁用的原因不明,但用户可以通过GitHub下载其源码。

WhoUsesCookies插件有什么功能?

WhoUsesCookies插件可以检测浏览器扩展的权限,尤其是获取Cookie的权限,并可以随时关闭这些权限。

如何提高Tailwind类名的可读性?

可以使用VSCode插件Tailwind Fold来折叠过长的Tailwind类名,从而提高代码的可读性。

Time.is网站提供什么服务?

Time.is网站显示所有时区的精确时间,支持57种语言,涵盖超过700万个地区。

Atropos库的用途是什么?

Atropos是一个轻量级的开源JavaScript库,用于创建3D视差悬停效果,适用于JavaScript、React和Vue组件。

🏷️

标签

➡️

继续阅读