×

freactive声明式DOM库

消耗积分:2 | 格式:zip | 大小:0.05 MB | 2022-06-13

王银喜

分享资料个

授权协议 EPL
开发语言 Clojure HTML/CSS
操作系统 跨平台
软件类型 开源软件
所属分类 程序开发XML相关工具

软件简介

freactive 是一个高性能、纯 Clojurescript 实现的声明式 DOM 库。使用 hiccup 风格的语法和 Clojure 内建的 deref 和 atom 模式。灵感来自于 reagent, omreflex

示例代码:

(ns example1
  (:refer-clojure :exclude [atom])
  (:require [freactive.core :refer [atom cursor]]
            [freactive.dom :as dom])
  (:require-macros [freactive.macros :refer [rx]]))
    
(defonce mouse-pos (atom nil))

(defn view []
  [:div
    {:width "100%" :height "100%" :style {:border "1px solid black"}
     :on-mousemove (fn [e] (reset! mouse-pos [(.-clientX e) (.-clientY e)]))}
    [:h1 "Hello World!"]
    [:p "Your mouse is at: " (rx (str @mouse-pos))]])

(defonce root (dom/append-child! (.-body js/document) [:div#root]))

(dom/mount! root (view))
 

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉

评论(0)
发评论

下载排行榜

全部0条评论

快来发表一下你的评论吧 !