TGViewer
开发者工具箱|编程·开发工具·资源 开发者工具箱|编程·开发工具·资源 @devtoolboxhub · 435 subscribers
Post #899 6
原生CSS锚点定位,零运行时JS

css-anchor-kit 是一个轻量库,将 floating-ui 的 API 映射到浏览器原生 CSS Anchor Positioning。定位由布局引擎完成,无需 JS 测量或 autoUpdate 循环。

- 零运行时 JS:定位、翻转、尺寸匹配均在 CSS 层完成,不占用滚动/ resize 路径的 JS 开销
- API 与 floating-ui 一致:支持 placement / offset / flip / hide / size / arrow / RTL,React hook useAnchor 与框架无关核心 buildAnchorStyles
- 提供 codemod 自动迁移:npx css-anchor-kit migrate "src/**/*.{ts,tsx}",覆盖 80% 的转换,未支持的留下 TODO 注释
- 限制:不支持连续 shift 和 autoPlacement,翻转类场景优于连续滑动

GitHub: GitHub

#开发者 #工具
📢 频道:@DevToolboxHub
More from @devtoolboxhub
  1. Oct 7, 2026把所有 Hook 换成 Mod,效果如何? 在 Claude Code 中,Hook 是在每个生命周期事件时调用的 shell 脚本,Mod 则是一次性加载、保持状态、可在进程内处…
  2. Oct 7, 2026Python CLI 任务清单:文件持久化示例 这是一款简易命令行待办列表,支持添加、列出、完成、删除任务,并将所有数据保存在 todos.json 文件中。程序启动时自动读取文件…
  3. Oct 7, 2026Googlebook:Gemini‑驱动的 Android 集成笔记本 Google 近日正式发布 Googlebook 系列,定位为围绕 Gemini Intelligence…
  4. Oct 6, 2026SpecKit Companion:让 VS Code 变成 Spec‑Driven 开发 IDE SpecKit Companion 是一款 VS Code 扩展,提供可视化的…
  5. Oct 6, 2026MCP 无状态化后,网关要改什么 MCP 规范在 7 月 28 日转向无状态。只跑一个 MCP 服务器,改动主要是删掉会话处理、加上 server/discover 方法;但跑网关…
  6. Oct 6, 2026开源新手选 issue 前先做一次分诊 Worth My Time 是一个面向开源新手的 issue 分诊工具,用来判断一个「good first issue」到底值不值得花一个晚…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →