shiweifu (shiweifu)

有用过 htmx 的老哥吗？和 Turbolinks 类似的前端方案

shiweifu — Fri, 22 Oct 2021 20:04:19 +0800

网站

介绍

htmx allows you to access AJAX, CSS Transitions, WebSockets and Server Sent Events directly in HTML, using attributes, so you can build modern user interfaces with the simplicity and power of hypertext

例子

<!-- Load from unpkg -->
<script src="https://unpkg.com/htmx.org@1.6.0"></script>
<!-- have a button POST a click via AJAX -->
<button hx-post="/clicked" hx-swap="outerHTML">
  Click Me
</button>

The hx-post and hx-swap attributes tell htmx:

"When a user clicks on this button, issue an AJAX request to /clicked, and replace the entire button with the response"

似乎和 Turbolinks 有些类似。

学习参考： https://blog.logrocket.com/htmx-the-newest-old-way-to-make-web-apps/

搞了个记录工具

shiweifu — Thu, 16 Sep 2021 13:33:58 +0800

偶记是一个简单的【记录】工具，可以理解为是一个私密的“微博”。默认有一个测试账号，可以直接登录体验。

使用 Hanami 开发，数据存储在 LeanCloud 上。

地址：https://ohmylife.cn

使用介绍视频

欢迎试用。

（反馈个 bug：直接插入哔哩哔哩视频，播放窗口很小）

开源一个使用 RubyMotion 开发的完整应用

shiweifu — Thu, 17 Dec 2015 22:56:10 +0800

代码完全使用 RubyMotion 编写，源信息放在 Coding 上保存。

github 地址：https://github.com/shiweifu/OneRead2/

欢迎交流。