uilangやAlpine.js等にインスパイアされた、簡単なDOM操作を手軽に行える超軽量スクリプト・「Fluor.js」

Ads

Fluor.js


Fluor.jsはちょっとしたDOM操作を手軽に行える超軽量スクリプトです。uilangAlpine.js等にインスパイアされたそう

classの付与/除去やクリックイベント、トグルなどなど需要の高そうな操作を簡単なコードで可能にしてくれます

というわけでためしに使ってみました

Ads

Sample

クリックイベントの動作サンプルです。学習コストが殆どなさそうなのが良さげでした

<script type="module" src="//cdn.jsdelivr.net/npm/fluor@latest/dist/fluor.min.js"></script>

スクリプトを読み込みます。(※まだβというか実験段階らしいのでCDNを使う場合はバージョンに気を付けてください)

つぎにコードを書くんですが、<script type="fluor">というようにtype=”fluorを追加します

<script type="fluor">
    setup("clicks", 0)
    on("click", "button", set("clicks", n => n + 1))
  </script>

上のサンプルではクリックイベントを設定してあります

他いろいろ機能揃えられています。ユーティリティライブラリとして十分機能してくれそうですね。とても軽量で他ライブラリへの依存もないので使いやすい印象です

ライセンスの明記はGithubにはありませんでしたがjsDelivrにはMITとの明記がありました。不安なら開発者に尋ねてみてください

Fluor.js