CJSS

基于 CSS 的 Web 框架
授权协议 MIT
开发语言 JavaScript
所属分类 Web应用开发、 HTML5开发相关
软件类型 开源软件
地区 不详
投 递 者 王鹏飞
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

CJSS 是一个基于 CSS 的 Web 框架,所有效果都在 CSS 文件中生效,可以在 CSS 中使用它添加更多功能,或者构建一个完整的页面。

使用方法:

HTML

想要使用某个组件,在 CSS 文件中选择它,然后添加 --html:(your markup here);

h1 {
  --html:(
    This is a headline
  );
}

如果希望通过标签产生效果,如下

<component>My Component</component>
component {
  --html:(
    <h2>${yield}</h2>
    <p>This is a component</p>
  );
}

就会呈现为

<component>
  <h2>My Component</h2>
  <p>This is a component</p>
</component>

JavaScript

如果想使用 JavaScript 从 HTML 中直接定义事物的行为,在 CSS 文件中就可以执行此操作。

.item {
  cursor: pointer;
  --js:(
    function toggle() {
      this.classList.toggle('active');
    }
    this.addEventListener('click', toggle );
  );
}

添加数据方法

使用 --data(key:[data]) 属性

nav {
  --data:(
    name: ['one', 'two', 'three'],
    link: ['#one', '#two', '#three'],
  );
  --html:(
    <a class="item" href="${data.link[0]}">${data.name[0]}</a>
    <a class="item" href="${data.link[1]}">${data.name[1]}</a>
    <a class="item" href="${data.link[2]}">${data.name[2]}</a>
  );
  --js:(console.log(data));
}

框架案例

 相关资料
  • 有没有人有过自动化桌面应用程序(不是web)的经验?我需要一个类似于Appium的解决方案来将它与我的移动自动化集成(用Appium、Java编写)。 我们公司在3个平台上都有一个messenger客户端:Android、iOS和桌面。客户端数据在这些平台之间同步。我们已经有了移动平台的基本自动化(使用Appium)。现在我需要为桌面开发自动化。 我想要一个类似Appium的解决方案,这样就可以很

  • 问题内容: 我们希望在Web应用程序中托管Java域模型(使用DDD编写)。理想情况下,我希望支持RESTful资源和请求,并拥有一个同时支持用户和REST API的站点。 理想情况下,最终用户和给定功能的RESTful API都可以使用相同的url(HTTP内容类型/协商指定区别)。 我已经在Ruby on Rails和Asp.mvc中完成了类似的应用程序,但是没有在Java中进行类似操作的经验

  • pbgo是我们专门针对本节内容设计的较为完整的迷你框架,它基于Protobuf的扩展语法,通过插件自动生成rpc和rest相关代码。在本章第二节我们已经展示过如何定制一个Protobuf代码生成插件,并生成了rpc部分的代码。在本节我们将重点讲述pbgo中和Protobuf扩展语法相关的rest部分的工作原理。 4.7.1 Protobuf扩展语法 目前Protobuf相关的很多开源项目都使用到了

  • 问题内容: 我想对包含特定单词的所有锚应用不同的样式。可以在纯CSS中完成吗?如果仅CSS3,也可以。 问题答案: 编号曾经被提议过,但不在CSS3选择器的当前工作草案中。 您将需要一些JavaScript,例如:

  • 问题内容: 在运行基于新项目的项目后,我无法清理它-生成的人员仍在下面, 我如何成功清理它? 问题答案: 参见http://www.playframework.org/documentation/2.0/PlayConsole

  • 下面是 jQuery UI 使用的 Class 名称列表。这些 Class 用来创建跨应用程序的视觉一致性,且允许组件通过 jQuery UI ThemeRoller 进行主题化。下面的 CSS 类根据样式是否是固定的结构化的,或者是否是可主题化的(颜色、字体、背景等),分别定义在 ui.core.css 和 ui.theme.css 两个文件中。 布局助手 .ui-helper-hidden:对