Rei
·

基于 Stimulus 实现拖动排序组件

最近开发 GeekNote 的时候基于 Stimulus 实现了一个拖动排序组件,在这里记录一下原理。 提醒:已经有一个很强大的排序 js 库 SortableJS,如果它能很好的满足你的需求...
favorite 5
comment 0
Rei
·

在 Hotwire Turbo 链接跳转时保持窗口滚动位置

GeekNote 使用了 Hotwire 的 Turbo,有些地方需要用到 Tab 导航。我希望在切换 Tab 的时候保持页面滚动的位置,避免页面跳动。 经过搜索,发现 Hotwire 有个 I...
Rei
·

纯 CSS 实现 UI 组件的触发

问题 在实现 UI 组件的时候,有时候需要借助 JavaScript 实现状态触发,例如 Dropdown,Dialog。在我自用的 Material UI 库中,之前是借助 Stimulus...
favorite 9
comment 4
Rei
·

Turbo frame 的 lazy loading 会在什么时候执行

最近 GeekNote 发现了一个 Bug,所有未登录用户在访问文章页面时会跳转到登陆页面。这看起来就像那些封闭花园式的发布平台那样,导致流失了很多潜在用户。 经过调试,我发现 Bug 是由这段...
Rei
·

没有类型我也过得很好

今天看到 DHH 发布的一条推文,Turbo 8 将会抛弃 TypeScript 回到 JavaScript:Turbo 8 is dropping TypeScript。对此我感到欢迎,并且马...
favorite 0
comment 0
社区准则 博客 联系 社区 状态
主题