Javascript 为什么：style on reframe 有时与括号、花括号一起使用，而没有任何内容

发布于09月08日

我一直在使用Clojure、ClojureScrip、lein、dow-cljs、Emacs和苹果wine 来开发Clojure/ClojureScript动态Web应用程序项目.

通常，我通过在Emacs中执行cider-jack-in-cljs命令来构建项目，然后 Select shape-cljs作为REPL类型，最后 Select app作为构建选项.

关于该项目的源代码，我们有:

(defn splitter-panel-title
  [text]
  [title
   :label text
   :level :level3
   :style {:margin-top "20px"}])

请注意不带a direct prefix的style或花括号 :style {:margin-top "20px"}.此外，在较小的频率下，我们有:

(defn left-panel
  []
  [box
   :size "auto"
   :child [:div {:style rounded-panel}
           [splitter-panel-title [:code ":panel-1"]]]])

请注意带大括号{:style rounded-panel}的style.最后，我们还有:

(defn header-view []
 [:div
   [:div
    [:style
     {:type "text/css"}]]])

请注意方括号[:style.

为什么重框上的:style有时与方括号一起使用，带大括号，不带任何东西？使用每种方法背后的规则是什么？

如果我的理解正确的话，这是一种内联风格的重框.最后两个示例位于div标记内.但他们中的每一个都使用了不同的方法.

方括号、花括号和不使用方括号是否以某种方式与Java脚本和/或css语法有关？

谢谢

推荐答案